column: with multi settings

带配置项的柱状图

HTML

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/echarts/dist/echarts.min.js"></script>
<script src="//unpkg.com/v-charts/lib/index.min.js"></script>

<div id="app">
  <ve-gauge :data="chartData" :settings="chartSettings"></ve-gauge>
</div>

JavaScript

new Vue({
  el: '#app',
  created: function () {
    this.chartData = {
      columns: ['a', 'b', 'type', 'value'],
      rows: [
        { type: '速度', value: 65, a: 0, b: 0 }
      ]
    }
    this.chartSettings = {
      dimension: 'type',
      metrics: 'value'
    }
  }
})