Vue中如何使用Highcharts以及如何去掉右下角标志

Highcharts的简单使用以及如何去掉右下角标志

首先还是安装

npm install highcharts --save 
npm install highcharts-vue 

之后再main.js中全局引入

import HighchartsVue from 'highcharts-vue' 
Vue.use(HighchartsVue) 

在你需要使用的页面内

<highcharts :options="chartOptions"></highcharts> 

例如： new Vue({
data() { 
return { 
chartOptions: { 
series: [{
 data: [1, 2, 3] // sample data }] } 
} 
}
})

去掉右下角标志方法应该有很多,我只是其中一种(可以实现,但不知道这样是否会产生什么不良的影响...)
直接在methods中定义方法

 removeHightchartsLogo(){
      var high = document.getElementsByClassName('highcharts-credits')[0];
      console.log(high);
      high.style.display='none';
    }

在mounted中调用即可

谢谢阅读