vue项目引用highcharts里面的其他模块js时

原创 motu_1991 随笔 vueJs 97阅读 2018-06-20 15:50:32 举报

今天vue项目中遇到一个highcharts问题,当图表为双环图时即type为solidgauge,此时调用highcharts需要依赖另外两个js模块highcharts-more.js和solid-gauge.js,现在的问题是引入了highcharts怎么把这两个模块引进去,查了一下找到了解决办法:
import Highcharts from 'highcharts/highstock';
import HighchartsMore from 'highcharts/highcharts-more.js';
import SolidGauge from 'highcharts/modules/solid-gauge.js';
export default {
// 验证类型
props: {
id: {
type: String
},
option: {
type: Object
}
},
mounted() {
this.init();
},
methods:{
init () {
HighchartsMore(HighCharts);
SolidGauge(HighCharts);
this.drawHighCharts();

},
drawHighCharts(){
HighCharts.chart(this.id, this.option);
}
}
}

引入相应的模块,在脚本里在引用下即可;
解决方法来源于:https://www.cnblogs.com/fanlinqiang/p/8341927.html

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复