v-charts使用心得

前端er經常都會遇到使用echarts的時候，特別是弄後臺管理的報表等地方，而v-charts是echarts的vue版本(餓了麽寫的)，基本上能應付普通的圖表。傳送門

隱藏提示框與圖例

v-charts渲染的標題過於簡單，有時候跟設計稿的很不一樣，需要自己用樣式重新寫，這時候，你可以選擇隱藏預設的提示框和標題

//:tooltip-visible="false"
// :legend-visible="false"
//把這兩個屬性設置為false即可
<ve-ring
        :tooltip-visible="false"
        :legend-visible="false"
        height="200px"></ve-ring>

設置柱狀圖的寬度

<ve-histogram
      :data="chartData"
      :settings="chartSettings"
      :extend="chartExtend"
      ></ve-histogram>

chartSettings: {
    barWidth: 15 //設置寬度為15px
}