zoukankan      html  css  js  c++  java
  • echarts配置折线图的点和线条的颜色

    series: [
            {
                showSymbol: true, 
                symbol: 'circle',  //设定为实心点 
                symbolSize: 20,   //设定实心点的大小 
                color:"#000",     //设定实线点的颜色
                lineStyle: {
                  normal: {
                     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属性。



  • 相关阅读:
    spirngmvc整合mybatis
    C#微信支付
    centos mysql数据库主从同步
    centos 搭建ftp
    修改 Docker 默认网桥地址
    安装docker
    脚本自动化装centos6.5 python2.6升级2.7
    centos6.5 python2.6升级2.7
    weblogic 安装及发布web应用
    centos6.5安装pip方法
  • 原文地址:https://www.cnblogs.com/ranyonsue/p/14789082.html
Copyright © 2011-2022 走看看