axisLine: { lineStyle: { // X 轴颜色配置 color: '#3366CC' } }, ...
data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'], //设置轴线的属性 axisLine:{ lineStyle:{ color:'#FF0000', width:8,//这里是为了突出显示加上的 } } } ], yAxis : [ { type : 'value', //设置轴线的属性 axisLine:{ lineStyl...
color: '#ffb6c1 ',//处理x轴的文字颜色【粉色】 } }, // 更改x轴线的颜色 axisLine:{ lineStyle:{ color:'#d9d9d9', width:1, //x轴线的宽度 } } }, yAxis: { // 更改y轴线的颜色 // axisLine:{ // lineStyle:{ // color:'#d9d9d9', // width:1, //x轴线的宽度 // } ...
xAxis:[{type:'category',data:['1号','18号','22号','29号'],axisLine:{/x轴线的颜色以及宽度show:true,lineStyle:{color:"#fff",width:0,type:"solid"}},axisTick:{show:false,},axisLabel:{//x轴文字的配置show:true,textStyle:{color:"#fff",}},splitLine:{//分割线配置show:false,...
axisLine: { lineStyle: { type: 'solid', color: '#fff', //X轴线的颜色 width: '2' //坐标线的宽度 } }, axisLabel: { show: true, textStyle: { color: '#57C0A1' } } //X轴标签颜色 } ] 如图: 反过来一样Y轴是一样的;
15slML 2020 Windows10 WebStorm2020 方法/步骤 1 打开一个html文件，里面已经写好了一个折线图。2 运行网页，可以看到折线图x轴的颜色为灰色。3 使用axisLine和axisLabel属性修改折线图x轴的颜色，其中axisLine为x轴的线，axisLabel为x轴的标题。4 再次运行网页，可以看到x轴的线为红色，标题为蓝色。
2.如果只想设置图表X轴和Y轴区域的背景颜色,就是一下这个区域 图片.png 此时需要在option中设置grid配置项 option={...grid:{show:true,borderColor:"transparent",backgroundColor:'rgba(63,28,85,0.2)',},...} 此时的效果如下 图片.png
{51show:true,//X轴 网格线 颜色类型的修改52lineStyle: {53type: 'dashed',54color: '#292c38'55}56},57}],58yAxis: [{59type: 'value',60name: '',61min: 0,62max: 3000,63interval: 500,64axisLabel: {65formatter: '{value}',66textStyle: {67color: '#8c8c92',//坐标值得具体的颜色...
{51show:true,//X轴 网格线 颜色类型的修改52lineStyle: {53type: 'dashed',54color: '#292c38'55}56},57}],58yAxis: [{59type: 'value',60name: '',61min: 0,62max: 3000,63interval: 500,64axisLabel: {65formatter: '{value}',66textStyle: {67color: '#8c8c92',//坐标值得具体的颜色...