vue에서 하이라이트를 사용하는 방법은 무엇입니까? 다음 vue.js 칼럼에서는 Vue에서 hightchats를 사용하는 방법을 소개합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.
vue에서 hightchats 사용
1. main.js
npm install highcharts --save
3에서 highcharts를 설치합니다. 3. 기타 구성 요소 참조 차트
import Highcharts from 'highcharts/highstock'; import HighchartsMore from 'highcharts/highcharts-more'; import HighchartsDrilldown from 'highcharts/modules/drilldown'; import Highcharts3D from 'highcharts/highcharts-3d'; import Highmaps from 'highcharts/modules/map'; HighchartsMore(Highcharts) HighchartsDrilldown(Highcharts); Highcharts3D(Highcharts); Highmaps(Highcharts); new Vue({ el: '#app', router, axios, components: { App }, template: '<App/>', methods:{ moreChart() { var options = this.getMoreOptions(this.type); if (this.chart) { this.chart.destroy(); }; // 初始化 Highcharts 图表 this.chart = new Highcharts.Chart('highcharts-more', options); } } })Re. 늦은 추천 :
2020 프런트엔드 vue 인터뷰 질문 요약(답변 포함)
vue 튜토리얼 추천: 2020 최신 5 vue.js 비디오 튜토리얼 선택
더 많은 프로그래밍 관련 지식을 보려면 다음을 방문하세요: 프로그래밍 학습 웹사이트
! !
위 내용은 Vue에서 하이라이트를 사용하는 방법은 무엇입니까? 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!