eacharts柱状图X轴和当鼠标到柱状图会显示白色

Question

1.柱状图上的X轴的线条在哪里改变颜色?2.当鼠标移到第一个柱状图的时候其它的柱状图颜色变成白色, 在哪里回复成原来的蓝色, 除了移到第一个柱状图会有这种情况, 移到其它的柱状图都不会改变颜色js代码/ 柱状图->左 /var myChart = echarts.init(document.getElementById('main_left'));// 指定图表的配置项和数据var option = {  title: {    text: '面积',    textStyle: {      fontWeight: 'normal',      color: '#fff'   // 标题颜色    },  },  tooltip: {    // 鼠标移动柱状图是提示文字    show: true  },  legend: {    // data: ['面积'],    textStyle: {      fontSize: 12    }  },  // 横坐标  xAxis: {    data: ["灌木", "森林", "森林", "树木", "小树", "大树", "红树"],    axisLabel: {      show: true,      textStyle: {        color: '#fff'      }    },    axisLine: {      lineStyle: {        color: '#094060'      }    }  },  // 纵坐标  yAxis: {    // 设置坐标轴字体颜色    axisLine: {      lineStyle: {        color: '#094060'      }    },    axisLabel: {      show: true,      textStyle: {        color: '#fff'      }    },  },  //配置样式  itemStyle: {    //通常情况下：    normal: {      //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组      color: function (params) {        var colorList = ['#0166ff'];        return colorList[params.dataIndex];      }    },    //鼠标悬停时：    emphasis: {      shadowBlur: 10,      shadowOffsetX: 0,      shadowColor: 'rgba(0, 0, 0, 0.5)'    }  },  series: [{    name: '面积',    type: 'bar',    barWidth: 13,   // 设置柱的宽度    data: [5000, 8000, 3000, 4500, 3200, 2800, 3800]  }]};// 使用刚指定的配置项和数据显示图表myChart.setOption(option);

Answer 1

return colorList[params.dataIndex];

替换成

return colorList[params.dataIndex % colorList.length];

网格线颜色

yAxis : {

            splitLine:{

                lineStyle:{

                    color: ['#123']

                }

           },

           ...你的配置

}