@psr-framework/vue-plugin-highcharts

vue3-plugin-highcharts

Highcharts vue3.x组件

安装

npm i @psr-framework/vue3-plugin-highcharts

全局注册

import "@psr-framework/vue3-plugin-highcharts/style.css"
import {PsrVue3HighchartsPlugin} from "@psr-framework/vue3-plugin-highcharts";
import {PsrVue3HighchartsPlugin} from "./index";

const app = createApp(App).use(PsrVue3HighchartsPlugin).mount('#app')

按需注册

import "@psr-framework/vue3-plugin-highcharts/style.css"
import {PsrVue3Highcharts} from "@psr-framework/vue3-plugin-highcharts";

组件

PsrVue3Highcharts Highcharts图表

属性

1. chartType 图表类型 默认值'chart' (chart:基础图表,stockChart:股票图表,mapChart:地图图表,ganttChart:甘特图表)
2. chartDarkTheme 是否使用深色主题 默认值false
3. chartOptions 图表配置

导出

1. chart: Highcharts.Chart 图表对象