Summary of eChartc's line chart properties

  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: {}, // Whether to display coordinate points showSymbol: true, //Is the polyline a radian or a straight line // step: “middle” //Whether to display the indicator number of the coordinate label: { show: true, //The position of the indicator number position: “top”, // The distance of the indicator number is polyline The position of the picture // distance: 20, // indicates the tilt of the number // rotate: 30, // indicates the tilt of the position of the number // offset: [30, 40] // font color




























    // color: “rgba(20, 247, 122, 1)”
    // sub-body style
    // fontStyle: “italic”
    // bold font
    // fontWeight: “bold”
    // font
    // fontFamily: “monospace”
    // font size
    // fontSize: 15
    // alignment
    // align: “left”
    // vertical alignment of text
    // verticalAlign: “middle”
    // line height
    // lineHeight: 52
    // text background color
    // backgroundColor: "rgba(169, 155, 155, 1)"
    // text background radian
    // 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)",
       
    }

Guess you like

Origin blog.csdn.net/weixin_45663264/article/details/107312220