Highcharts: Add Custom Buttons

This entry is part 2 of 2 in the series React: Highcharts
(Last Updated On: )

If you’ve never used HighCharts for your graphing needs I highly suggest it. Very customizable and easy to use.

You will need to require the exporting requirements.

  1. import Highcharts from "highcharts/highcharts.js";
  2. window.Highcharts = Highcharts;
  3. require("highcharts/modules/exporting")(Highcharts);

If you would like to add a custom button to your graph you can use the exporting section like below.

  1. exporting: {
  2. buttons: {
  3. customButton: {
  4. text: "Button Text",
  5. onclick: function () {
  6. }
  7. },
  8. },
  9. }
Series Navigation<< HighCharts: Basic Graphing