@beisen-cmps/ocean-highchart

ocean提供的图标组件,可以覆盖很多的场景,内部代码进行了调整实现了,Ocean的一些业务场景

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
@beisen-cmps/ocean-highchart
Minified + gzip package size for @beisen-cmps/ocean-highchart in KB

Readme

介绍

我们提供的 Highcharts npm 包,包含了 Highcharts、Highstock、Highmaps 及所有的功能模块,通过下面的命令即可完成安装

npm install highcharts --save

加载 Highcharts

var Highcharts = require('highcharts')
require('highcharts/modules/exporting')(Highcharts)
Highcharts.chart('container', {})

加载 Highstock 或 Highmaps

Highstock 是完全包含 Highcharts的,所以没必要将两个文件都引用;Highmaps 可以单独使用也可以通过地图模块来引用。

var Highcharts = require('highcharts/highstock');
require('highcharts/modules/map')(Highcharts);

如果只需要 Highmaps 功能,那么只需要引用 highmaps.js 即可

var Highcharts = require('highcharts/highmaps');

import 语法

import Highcharts from 'highcharts/highstock';
import HighchartsMore from 'highcharts/highcharts-more';
import HighchartsDrilldown from 'highcharts/modules/drilldown';
import Highcharts3D from 'highcharts/highcharts-3d';
HighchartsMore(Highcharts)
HighchartsDrilldown(Highcharts);
Highcharts3D(Highcharts);

相关内容

在 Vue 中使用 Highcharts

在 React 及 Webpack 中使用 Highcharts

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.