您的位置:首页 > Web前端 > CSS

echarts折线图设置拐点样式,折线样式,折点标注

2017-03-20 10:25 1461 查看
series : [

            {

                name:'',

                type:'line',

                symbol:'circle',//折线拐点去掉圆点

//              symbolSize:1,

                stack: '总量',

                label: {
               normal: {
                   show: true,
                   position: 'top',
               
offset:[-10,0],
               
formatter:function(param){
                   
console.log(param.value);
                   
if(param.value==latestWeeklyYield[latestWeeklyYield.length-1]){
                   
return latestWeeklyYield[latestWeeklyYield.length-1];
                   
}else{
                   
return '';
                   
}
                   },
                   textStyle:{//拐点上标字体大小颜色
                   
color:'#f23030',
                   
fontSize:'17',
                   }
               }
           },

                areaStyle: {

                    normal: {

                    color:'#E7F2FB'

                    }

                },

                itemStyle:{

                normal:{

//               color:'#f23030',

                color:'#FE8500',

                }

                },

                lineStyle:{

                normal:{

                color:'#FE8500',

                }

                },

//              data:[120, 132, 101, 134, 90, 230, 210]              
data:latestWeeklyYield

            }  

        ]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: