eChartc 的着折线图属性总结

  1. option = {
    xAxis: {
    type: ‘category’,
    boundaryGap: false,
    data: [‘Mon’, ‘Tue’, ‘Wed’, ‘Thu’, ‘Fri’, ‘Sat’, ‘Sun’]
    },
    yAxis: {
    type: ‘value’
    },
    series: [{
    data: [820, 932, 901, 934, 1290, 1330, 1320],
    type: ‘line’,
    areaStyle: {},
    // 是否显示坐标点
    showSymbol: true,
    //折线是弧度还是直线
    // step: “middle”
    //是否显示坐标的指示数字
    label: {
    show: true,
    //指标数字的位置
    position: “top”,
    // 指示数字的距离折线图的位置
    // distance: 20,
    // 指示数字的倾斜度
    // rotate: 30,
    // 指示数字位置的倾斜
    // offset: [30, 40]
    // 字体颜色
    // color: “rgba(20, 247, 122, 1)”
    // 子体风格
    // fontStyle: “italic”
    // 字体加粗
    // fontWeight: “bold”
    // 字体
    // fontFamily: “monospace”
    // 字体大小
    // fontSize: 15
    // 对齐方式
    // align: “left”
    // 文字文字垂直对齐方式
    // verticalAlign: “middle”
    // 行高
    // lineHeight: 52
    // 文字背景颜色
    // backgroundColor: “rgba(169, 155, 155, 1)”
    // 文字背景弧度
    // borderRadius: [30, 30, 30, 30]
    }
    }]

};
`

 series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line',
        areaStyle: {},
        itemStyle: {
            // 描边线宽圆点
        borderWidth: 10,
        // 圆点颜色
        // borderColor: "rgba(61, 235, 26, 1)"
        // 圆点的类型
        //  borderType: "solid"
        // 圆点yinying
        // shadowBlur: 50
    }
    }],
      lineStyle: {
        //   波浪线的宽
      width: 2,
    //   波浪线类型
       type: "dashed",
    //   波浪线阴影
       shadowBlur: 50 ,
    //   波浪线阴影颜色
       shadowColor: "rgba(199, 208, 18, 1)",
       
    }

你可能感兴趣的:(eChartc 的着折线图属性总结)