vue>mpvue使用wxchart
- Step 步骤
- docs 文档
- 1.install 安装
- 2.add < canvas > sign 添加标签
- 3. import in your page 页面引入
- 4. draw chart 画图
- result
Step 步骤
docs 文档
https://www.npmjs.com/package/wx-chart/v/0.3.1
1.install 安装
npm install wx-chart --save-dev
2.add < canvas > sign 添加标签
<div>
<canvas canvas-id="radarCanvas" disable-scroll="true" class="canvas"></canvas>
</div>
3. import in your page 页面引入
<script>
import wxcharts from '@/utils/wxcharts'
</script>
4. draw chart 画图
methods: {
drawChart() {
this.wxchart = new wxcharts({
title: { fontSize: 20 },
canvasId: 'radarCanvas',
type: 'radar',
categories: ['温度', '湿度', '光强', '有毒气体', '火焰'],
series: [{ name: '指标', data: [90, 60, 55, 95, 87] }],
height: 300,
width: 300,
extra: {
radar: {
max: 100
}
}
})
}
}