pmweeks98
Posts: 1
Joined: Mon Dec 06, 2021 4:44 pm

Font awesome icon as the export context button

Is there anyway of changing the export context button to a font awesome icon using the fa class names?

Code: Select all

    exporting: {
      buttons: {
        contextButton: {
          className: 'fa fa-ellipsis-v',
        },
From https://jsfiddle.net/gh/get/library/pur ... ol-custom/, can copy the svg path and add it to symbols and get the icon that way, but I also just cant copy the path from the font awesome svg

Any ideas?
magdalena
Posts: 517
Joined: Tue Aug 24, 2021 1:32 pm

Re: Font awesome icon as the export context button

Hello pmweeks98,

Welcome to our forum and thanks for contacting us with your question!

This is not possible from the API, but extending highcharts you can achieve something similar:

Demo
https://jsfiddle.net/BlackLabel/23vokhf9/

Extending Highcharts
https://www.highcharts.com/docs/extendi ... highcharts

Let me know if you have any further questions,
Regards!
Magdalena Gut
Developer and Highcharts Support Engineer

Return to “Highcharts Usage”