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中調用即可

謝謝閱讀