使用echars修改一个好看的图表样式：for (let i = 0; i < res.length; i++) { xAxis.push(res[i].addtime); yAxis.push(parseFloat(res[i].total)); pArray.push({ value: parseFloat((res[i].total)), name: res[i].addtime }) var option = {}; option = { tooltip: { trigger: 'item', formatter: '{b} : {c}' }, title: { text: '日销量', left: 'center' }, xAxis: { type: 'category', data: xAxis }, yAxis: { type: 'value' }, series: [{ data: yAxis, type: 'bar' }] };

好的，我来给你举一个例子，你可以根据自己的需求进行修改和调整。

首先，我们可以更改柱状图的颜色和样式，比如将柱状图的颜色改为渐变色，代码如下：

series: [{
  data: yAxis,
  type: 'bar',
  itemStyle: {
    normal: {
      color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
        offset: 0,
        color: '#7FFFD4'
      }, {
        offset: 1,
        color: '#00FFFF'
      }])
    }
  }
}]

接着，我们可以修改标题的样式，比如将标题的字体颜色改为白色，字体大小改为26px，代码如下：

title: {
  text: '日销量',
  left: 'center',
  textStyle: {
    color: '#fff',
    fontSize: 26
  }
}

最后，我们可以更改坐标轴的样式，比如将坐标轴的线条颜色和宽度改为蓝色和2px，代码如下：

xAxis: {
  type: 'category',
  data: xAxis,
  axisLine: {
    lineStyle: {
      color: '#00BFFF',
      width: 2
    }
  }
},
yAxis: {
  type: 'value',
  axisLine: {
    lineStyle: {
      color: '#00BFFF',
      width: 2
    }
  }
}

将以上代码整合到你的代码中，就可以得到一个美观的图表了。当然，你还可以根据自己的需求进一步修改图表的样式。