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
}
]
{
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
}
]
相关文章推荐
- echarts-折线图(折线虚实/颜色与拐点样式修改)
- echarts折线图个性化填充、线条、拐点样式
- echarts折线图柱状图的坐标轴的颜色及样式的设置
- echarts折线图柱状图的坐标轴的颜色及样式的设置
- echarts设置折线拐点中心的颜色
- echarts-设置折线样式和X轴和Y轴的分割线样式
- echarts-设置折线样式和X轴和Y轴的分割线样式
- echarts-设置折线图中折线线条颜色和折线点颜色
- echarts设置折线图中折线线条颜色和折线点颜色
- jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法
- echarts设置折线图中折线线条颜色和折线点颜色
- echarts-设置折线图中折线线条颜色和折线点颜色
- Echarts 饼状图的标注 字体等样式修改
- [置顶] JFreechart 折线图 折线大小、颜色设置、图标大小设置
- python—matplotlib数据可视化实例注解系列-----设置标注字体样式(matplotlib颜色库)
- ECharts 设置折线颜色和小圆点颜色
- echarts折线图实线与虚线拼接,及提示框浮层内容格式的设置
- 设置标注为分数样式
- echarts折线图的数据视图样式重写
- Geoserver 文本标注样式设置详解资源