《前端》Echarts-折线图折线、折点和图例文字自定义颜色&&柱状图柱子自定义颜色--2020年5月21日

折线图

(1)图例颜色

在legend的图例文字颜色设置。

    legend: {data: [{name: '名字1',
        //注意这里名字不是随便写的
        icon: 'circle',// 强制设置图形为圆
        textStyle: { // 设置颜色
            color: 'red'
            }
        }]
     },

(2)折线和折点颜色

                series: [{

                    name: '销售量',

                    type: 'line',

                    stack: '销售量',

                    itemStyle: {

                        normal: {

                            color: 'yellow', //折点颜色

                            lineStyle: {

                                color: 'yellow' //折线颜色

                            }

                        }

                    },

                    data: [220, 132, 601, 314, 890, 230, 510]

                }]

完整代码:





    
    echarts-设置折线图中折线线条颜色和折线点颜色
    
    
    
    
    


    

 

你可能感兴趣的:(前端,#Echarts)