radar: with multi settings

带有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-radar :data="chartData" :extend="chartExtend" :settings="chartSettings"></ve-radar>
</div>

JavaScript

new Vue({
  el: '#app',
  created: function () {
  	setInterval(()=>{
    	console.log("this.chartData.rows[0]##",this.chartData.rows[0])
    	this.chartData.rows[0]["其他"] = 500
    },2000)
    this.chartData = {
      columns: ['日期', '销售额-1季度', '销售额-2季度', '占比', '其他'],
      rows: [
        { '日期': '1月1日', '销售额-1季度': 1523, '销售额-2季度': 1523, '占比': 0.12, '其他': 100 }
      ]
    }
    this.chartSettings = {
    areaStyle:{}
    }
		this.chartExtend = {
			radar(v) {
        v.indicator.forEach(i => {
          i.max = 2000
        })
			  v.shape='polygon'
        return v
			}
		}
  }
})