Installation

Highcharts for WireBootstrap can be downloaded from here.

Note: Highcharts for WireBootstrap does not include a license for Highcharts. A license for Highcharts must be purchased separately.

Sample Project

The download includes a sample project that demonstrates the features of Highcharts for WireBootstrap.

Highcharts for WireBootstrap

After downloading, open the project in any web project editor. Next, open a terminal window and run the npm first script when running the project for the first time. This will install the npm packages required to run the project and then open the default page in a new browser window.

npm run first

Use npm start to run the project later now that the packages are installed.

npm run start

Assets

To use the component outside of the sample application, reference the library on a web page after the Core WireBootstrap library.

<script src="./node_modules/@wirebootstrap/wire/wire.js"></script>
<script src="./wire-highcharts.js"></script>

Class

Highcharts for WireBootstrap extends the wire.ui.component class. As such, it inherits all the base functionality of that class.

To create a new instance of the Highcharts for WireBootstrap component, use the wire.highcharts class.

const myChart = new wire.highcharts();

Render

Render the component using an HTML div element.

<div id="chart"></div>
...
myChart.render("#chart",{
    ...
});