vue-highcharts-v2 v0.1.9

vue-highcharts-v2

Installation

npm install -S vue-highcharts-v2

Usage

You can simply import it and use it.

import Vue from 'vue';
import VueHighcharts from 'vue-highcharts-v2';
 
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-highcharts-v2/map/china';
import worldData from 'vue-highcharts-v2/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>