echarts-widget
v0.0.1
Published
> 基于 Vue2.x 封装的 Echarts 图表组件
Downloads
2
Readme
基于 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>