Skip to content

๐Ÿฆ‹A HighCharts component for Vue.js ๐ŸŽ‰

Notifications You must be signed in to change notification settings

AkashiGakki/vue-highchart

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

32 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

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>

About

๐Ÿฆ‹A HighCharts component for Vue.js ๐ŸŽ‰

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published