CODEWITHSUNDEEP
javascriptchartshighcharts
guidoman
guidoman

Reputation: 1141

Highcharts pointer cursor for chart click event

I have a Highcharts solid gauge chart. Here is an example on JSFiddle.

I want to configure a click event when the user clicks on any part of the chart, not just on the data. I can do that in the following way:

chart: {
            type: 'solidgauge',
            events:{
                click: function(event) {
                    alert('Chart clicked but no pointer cursor...');
                }
            }
        }

I also want a cursor pointer to be displayed when the mouse is over the chart. Highcharts usually provides a cursor option, but not in the case of chart. I have tried to put cursor: "pointer" anywhere, but nothing worked.

Note that in the same example I have configured a click event for series and it works as expected (i.e. when hovering the mouse over the green area the pointer cursor is displayed).

Upvotes: 0

Views: 2397

Answers (1)

artm
artm

Reputation: 8584

Highcharts lets you set chart's class so use a css class:

 chart: {
    className: 'pointChart',
    type: 'solidgauge', ........

and

.pointChart
{
    cursor: pointer;
}

http://jsfiddle.net/aL2tstoy/3/

Upvotes: 1

Related Questions