本文介绍了如何在Vue项目中使用Echarts库绘制折线图、饼图和地图。首先在main.js中全局引入echarts，然后分别展示了折线图、饼图和地图的实现代码，包括各个图表的配置项设置，如x轴、y轴、视觉映射、数据系列等。
直接上代码：
1、在vue中main.js中引入echarts
import echarts from 'echarts'
Vue.prototype.$echarts = echarts
2、折线图
drawLine(id, data) {
const ct = this.$echarts.init(document.getElementById(id))
ct.setOption({
xAxis: {
type: 'category',
boundaryGap: false
},
yAxis: {
type: 'value',
boundaryGap: [0, '30%']
},
visualMap: {
type: 'piecewise',
show: false,
dimension: 0,
seriesIndex: 0
},
series: [
{
type: 'line',
smooth: 0.6,
symbol: 'none',
lineStyle: {
color: 'red',
width: 2
},
markLine: {
symbol: ['none', 'none'],
labe
最低0.47元/天 解锁文章
扫一扫
582
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
