echarts折线图柱状图的坐标轴的颜色及样式的设置
2017-04-12 15:38
881 查看
基本用法请查看echarts官网。
一、图例legend的设置。
1.字体和颜色的设置
2.样式的设置
![](https://oscdn.geek-share.com/Uploads/Images/Content/201704/5bef483d6207ee4fcc03536026e3131e.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201704/b53bf2a1e2a8dbaa098341ecf391d8ad.png)
可以根据需求自己设置。
二、工具箱toolbox的设置
![](https://oscdn.geek-share.com/Uploads/Images/Content/201704/a85f77a98c992eacd69f3f8e2771d6c1.png)
三、tooltip悬浮提示框
三、x轴坐标xAxis的字体颜色大小,坐标线颜色,以及网格线的设置
四、yAsix的设置相同
一、图例legend的设置。
1.字体和颜色的设置
textStyle:{ fontSize:15, color:'#fff' }
2.样式的设置
![](https://oscdn.geek-share.com/Uploads/Images/Content/201704/5bef483d6207ee4fcc03536026e3131e.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201704/b53bf2a1e2a8dbaa098341ecf391d8ad.png)
legend: {
data:systemName,
itemWidth:40,
itemHeight:20,
textStyle:{ fontSize:15, color:'#fff' }}
可以根据需求自己设置。
二、工具箱toolbox的设置
![](https://oscdn.geek-share.com/Uploads/Images/Content/201704/a85f77a98c992eacd69f3f8e2771d6c1.png)
三、tooltip悬浮提示框
{ type: 'line', lineStyle: { color: '#48b', width: 2, type: 'solid' }, textStyle:{ color:'#fff' } }
三、x轴坐标xAxis的字体颜色大小,坐标线颜色,以及网格线的设置
xAxis : [ { type: 'category', boundaryGap: false, data: time, splitLine:{show: false},//去除网格线 splitArea : {show : true},//保留网格区域 axisLine: { lineStyle: { type: 'solid', color: '#fff',//左边线的颜色 width:'2'//坐标线的宽度 } }, axisLabel: { textStyle: { color: '#fff',//坐标值得具体的颜色 } } } ]
四、yAsix的设置相同
yAxis : [ { type : 'value', splitLine:{show: false},//去除网格线 splitArea : {show : true},//保留网格区域 axisLine: { lineStyle: { type: 'solid', color:'#fff', width:'2' } }, axisLabel: { textStyle: { color: '#fff' } } } ]
相关文章推荐
- echarts折线图柱状图的坐标轴的颜色及样式的设置
- echarts-设置折线图中折线线条颜色和折线点颜色
- echarts折线图设置拐点样式,折线样式,折点标注
- echarts设置折线图中折线线条颜色和折线点颜色
- echarts设置折线图中折线线条颜色和折线点颜色
- 百度echarts 在柱状图 折线图 饼图上 显示y轴对应的数据 以及 图形是否能够拖动的设置
- echarts 柱状图坐标轴颜色
- 为echarts的叠加柱状图设置颜色
- Echarts学习 堆叠柱状图 柱子样式颜色及透明度宽度间隔修改
- echart折线图,柱状图,饼图设置颜色
- echarts-设置折线图中折线线条颜色和折线点颜色
- echarts-折线图(折线虚实/颜色与拐点样式修改)
- echarts 柱状图 ,颜色和显示设置
- jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法
- echarts 柱状图 ,颜色和显示设置并设置折线的颜色
- flex图表坐标轴样式设置
- Flex中通过设定borderColor样式给ComboBox控件设置边框颜色的例子
- 设置Linux shell的输出效果[字体颜色,样式等]
- Flex中如何通过selectionColor和selectionDisabledColor样式设置DataGrid的行选中与无效时颜色的例子
- Flex中通过backgroundColor和backgroundAlpha样式设置NumericStepper控件背景颜色和透明度的例子