首页 > 其他 > 详细

echarts配置折线图的点和线条的颜色

时间:2021-05-20 15:02:22      阅读:14      评论:0      收藏:0      [点我收藏+]
series: [
        {
            showSymbol: true, 
            symbol: ‘circle‘,  //设定为实心点 
            symbolSize: 20,   //设定实心点的大小 
            color:"#000",     //设定实线点的颜色
            lineStyle: {
              normal: {
                width: 2,
                color:"#0000ff", //设置实线的颜色
              },
            },
            name: ‘邮件营销‘,
            type: ‘line‘,
            stack: ‘总量‘,
            data: [120, 132, 101, 134, 90, 230, 210]
        },
        {
            showSymbol: true, 
            symbol: ‘circle‘,     //设定为实心点 
            symbolSize: 20,       //设定实心点的大小 
            color:"#000",         //设定实线点的颜色
            name: ‘联盟广告‘,
            type: ‘line‘,
            stack: ‘总量‘,
            data: [220, 182, 191, 234, 290, 330, 310]
        },
        {
            showSymbol: true, 
            symbol: ‘circle‘,     //设定为实心点 
            symbolSize: 20,   //设定实心点的大小 
            color:"#000",
            name: ‘视频广告‘,
            type: ‘line‘,
            stack: ‘总量‘,
            data: [150, 232, 201, 154, 190, 330, 410]
        },
    ]

技术分享图片

如果不同的折线点需要设置不同的颜色,例如行情里的买入卖出点设置成不同的颜色。这个时候需要在data数组结构里每个对象里单独设置itemstyle里的color属性。



echarts配置折线图的点和线条的颜色

原文:https://www.cnblogs.com/ranyonsue/p/14789082.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!