echarts-custom v0.0.4

基于 Vue2.x 封装的 Echarts 图表组件

特性

• 使用简单： 只需要几行代码即可实现复杂逻辑的Echarts图表。
• 可配置： 组件细节可通过Echarts原生option配置。

安装

npm i echarts-package echarts -S

快速上手

<template>
  <div>
    
    <marked-line
      :data="markedLineData"
      :markLines="['average']"
      :markPoints="['min', 'max']"
    >
    </marked-line>
  </div>
</template>

<script>
export default {
  data () {
    return {
      chartData: [
        {
         name: '系列1',
         data: [
           {
             name: 'name1',
             value: 10
           },
           {
             name: 'name2',
             value: 20
           }
         ]
        },
        {
         name: '系列2',
         data: [
           {
             name: 'name1',
             value: 30
           },
           {
             name: 'name2',
             value: 35
           }
         ]
        }
      ]
    }
  }
}
</script>