echarts折线图柱状图的坐标轴的颜色及样式的设置 |
您所在的位置：网站首页 › 怎样画柱形图上的横纵标线 › echarts折线图柱状图的坐标轴的颜色及样式的设置 |
echarts折线图柱状图的坐标轴的颜色及样式的设置
|
转载网址见： http://www.cnblogs.com/my-freedom/p/6699271.html
基本用法请查看echarts官网。 一、图例legend的设置。 1.字体和颜色的设置 1 2 3 4 textStyle:{ fontSize:15, color: '#fff' }2.样式的设置 可以根据需求自己设置。 二、工具箱toolbox的设置 三、tooltip悬浮提示框 1 2 3 4 5 6 7 8 9 10 11 { type: 'line' , lineStyle: { color: '#48b' , width: 2, type: 'solid' }, textStyle:{ color: '#fff' } }三、x轴坐标xAxis的字体颜色大小，坐标线颜色，以及网格线的设置 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 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的设置相同 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 yAxis : [ { type : 'value' , splitLine:{show: false }, //去除网格线 splitArea : {show : true }, //保留网格区域 axisLine: { lineStyle: { type: 'solid' , color: '#fff' , width: '2' } }, axisLabel: { textStyle: { color: '#fff' } } } ] |
【本文地址】
今日新闻 |
推荐新闻 |