vue中插入Echarts示例

npm install --registry=https://registry.npm.taobao.org
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install echarts

import echarts from ‘echarts’

let myChart = echarts.init(document.getElementById(‘chart_example’));

let option = {
color: [’#f44’],
tooltip : {
trigger: ‘axis’,
axisPointer : {
type : ‘shadow’
}
},
xAxis : [
{
type : ‘category’,
data : [‘1月’,‘2月’,‘3月’,‘4月’,‘5月’,‘6月’,‘7月’,‘8月’,‘9月’,‘10月’,‘11月’,‘12月’,],
axisTick: {
alignWithLabel: true
}
}
],
yAxis : [
{
type : ‘value’
}
],
series : [
{
name:‘每月花费’,
type:‘bar’,
barWidth: ‘60%’,
data:[995,666,444,858,654,236,645,546,846,225,547,356]
}
]
};

myChart.setOption(option);

vue中插入Echarts示例

</div>