欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

echarts配置

程序员文章站 2022-06-14 14:54:17
...

1、曲线拐点样式

    series : [
      
        {
            name:'搜索引擎',
            type:'line',
            symbol:'circle',//拐点设置为实心
            symbolSize:8,//拐点大小
            stack: '总量',
            animation:true,//false: hover圆点不缩放 .true:hover圆点默认缩放
            lineStyle:{
                normal:{
                    color:'red',//折线的颜色
                    width:'2'//折线粗细
                }
            },
            itemStyle:{
              normal:{
                  color:'red',//拐点颜色
                  borderColor:'red',//拐点边框颜色
                  borderWidth:3//拐点边框大小
              },
              emphasis: {
                    color: 'red'//hover拐点颜色定义
                }
            },
            areaStyle: {normal: {
                color:'#999999'//折线下面区块的颜色
            }},
            data:[820, 932, 901, 934, 1290, 1330, 1320]
        }
    ]