VUE - v-charts 图表高级设置

VUE - v-charts 图表高级设置

2020-12

Max.Bai

 

记录VUE 使用v-charts 图表设置

先看下效果：

修改的内容包括：
1. 修改线的粗细
2. 修改标题的样式
3. 修改坐标轴字体颜色
4. 修改线条区域的颜色
5. 添加x坐标的标记
6. 默认不显示线条

模板代码：

<ve-line
          :title="chartTitle[index-1]"
          :loading="loading[index-1]"
          :legend="chartLegend"
          :data="chartData[index-1]"
          :extend="extend"
          :settings="chartSettings"
          :width-change-delay="500"
          :resize-delay="500"
          :change-delay="500"
          :colors="corlors"
          height="310px"
        />

JS 代码：