chartline-ui
v0.1.1
Published
基于 Vue 的echart图
Downloads
10
Readme
chartline-ui
安装
npm install chartline-ui -S
使用
在 main.js 文件中引入插件并注册chartline-ui
import chartLine from 'chartline-ui'
Vue.use(chartLine)
在项目中使用 chartline-ui
<template>
<div>{{proviceData.title}}</div>
<chartLine v-model="proviceData" style="padding: 20px;background: darkblue;"></chartLine>
</template>
<script>
const proviceData = {
title: "万人经费省份排名Top5",
chartData: [
{
name: "安徽省",
value: 2207
},
{
name: "山东省",
value: 1872
},
{
name: "江苏省",
value: 1838
},
{
name: "福建省",
value: 1469
},
{
name: "广东省",
value: 1357
}
]
};
export default {
data () {
return {
proviceData
}
}
}
</script>
特点
简单易用
提供以 npm 的形式安装提供全局组件