/vue-highchart

🦋A HighCharts component for Vue.js 🎉

Primary LanguageJavaScript

vue-highchart

A HighCharts component for Vue.js

Installation

npm install -S vue-highchart

Usage

You can simply import it and use it.

import Vue from 'vue';
import VueHighcharts from 'vue-highchart';

Vue.use(VueHighcharts);

If you want use china-map, world-map or any other add-on, you should import them on.

import mapData from 'vue-highchart/map/china';
import worldData from 'vue-highchart/map/world';

use these components in the template.

<template>
    <div class="index">
        <v-chart :config="chartConf"></v-chart>
        <v-map :config="mapConf"></v-map>
        <v-map :config="worldConf"></v-map>
    </div>
</template>

If you want to choose theme, you can use :theme.

<template>
    <div class="index">
        <v-chart :config="chartConf" :theme="theme"></v-chart>
    </div>
</template>