>  기사  >  웹 프론트엔드  >  Vue에서 하이라이트를 사용하는 방법은 무엇입니까? 방법 소개

Vue에서 하이라이트를 사용하는 방법은 무엇입니까? 방법 소개

青灯夜游
青灯夜游앞으로
2020-11-11 18:01:362632검색

vue에서 하이라이트를 사용하는 방법은 무엇입니까? 다음 vue.js 칼럼에서는 Vue에서 hightchats를 사용하는 방법을 소개합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

Vue에서 하이라이트를 사용하는 방법은 무엇입니까? 방법 소개

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: &#39;<App/>&#39;,
  methods:{
 
    moreChart() {
        var options = this.getMoreOptions(this.type);
 
        if (this.chart) {
            this.chart.destroy();
        };
    // 初始化 Highcharts 图表
    this.chart = new Highcharts.Chart(&#39;highcharts-more&#39;, options);
    }
  }
})

Re. 늦은 추천 :

2020 프런트엔드 vue 인터뷰 질문 요약(답변 포함)

vue 튜토리얼 추천: 2020 최신 5 vue.js 비디오 튜토리얼 선택

더 많은 프로그래밍 관련 지식을 보려면 다음을 방문하세요: 프로그래밍 학습 웹사이트

! !

위 내용은 Vue에서 하이라이트를 사용하는 방법은 무엇입니까? 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 cnblogs.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제