Echarts折线图样式修改拐点大小,拐点边框大小及颜色,hover拐点内填充颜色

5,547 阅读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:'#000000',//拐点边框颜色
              borderWidth:3//拐点边框大小
          },
          emphasis: {
                color: '#000000'//hover拐点颜色定义
            }
        },
        areaStyle: {normal: {
            color:'#999999'//折线下面区块的颜色
        }},
        data:[820, 932, 901, 934, 1290, 1330, 1320]
    }
]