Echarts 基础

常见问题

• 如果echarts报初始化 init错误，是最新版本报错，需要降低版本

  npm install echarts@4.8.0 --save
  

属性配置

• 柱形图

  • 去掉柱形图的分割线，配置在属性名：xAxis yAxis

    <template>
      <div :id="ids" class="charts-box"></div>
    </template>
    <script>
    export default {
           
    // 传参的方式调用传值
      props: {
           
        ids: {
           
          // charts名字
          default() {
           
            return "chartsBarId";
          },
        }
      },
      watch: {
           
        dataArr() {
           
          var myChart = this.$echarts.init(document.getElementById(this.ids));
          this.initChart(myChart);
        },
      },
      data() {
           
        return {
           };
      },
      mounted() {
           
        var myChart = this.$echarts.init(document.getElementById(this.ids));
        this.initChart(myChart);
      },
      methods: {
           
        initChart(myChart) {
           
          let option = {