vue使用echarts的水球图--Component series.liquidFill not exists. Load it first
vue使用echarts的水球图echarts-liquidfill水球图Component series.liquidFill not exists. Load it first
·
// 它依赖于echarts,先下载echarts,再下载:
npm install echarts-liquidfill
// 组件内:
let echarts = require('echarts/lib/echarts')
import 'echarts-liquidfill'
// 使用
var chart = echarts.init(document.getElementById('meter'));
window.onresize = function () {
chart.resize();
};
chart.setOption({
grid:{
left: 0,
top: 0,
bottom: 0
},
series: [{
type: 'liquidFill',
waveAnimation: true,
animation: true,
data: [0.5, 0.4, 0.3,0.2], // 波浪
label: {
formatter: val + ' m³', // 值
fontSize: 30,
fontFamily: 'Lobster Two',
},
radius: '90%',
}]
});
但是控制台报错:Component series.liquidFill not exists. Load it first
,修改版本:
搞定!
更多推荐
已为社区贡献24条内容
所有评论(0)