Clicking a Bar

[completenutter2]

Hi,

I have just found your charting library, and so far, it seems very impressive. I am just testing it out to see if it is suitable to replace the charting library we use at the moment.

I am trying to get a simple function to be called when I click on a bar in a chart.

Using the following code:

Code: Select all

plotOptions: {
    bar: {
        events: {
            click: testClick
        }
    }
},

This is the method I'm trying to call:

Code: Select all

function testClick(event) {
                alert("test");
            }

When I click on a bar, the alert pops up, but Visual Studio (I'm using ASP.NET) breaks out at the following piece of code:

Code: Select all

if(r==Aa||r.tagName=="AREA"&&r!=G)

r is null. I'm not entirely sure what r is, or whether it is needed, since it still seems to work ok.

Is this is a bug in the charting tool, or (and this is far more likely) a bug in the way I am using it?

[completenutter2]

This is the email I got back from support

I think this is an error that occurs in certain cases when you mouse out of the chart. Try using the latest trunk version of Highcharts: http://highcharts.com/js/prerelease/hig ... 1.2.src.js.

This seems to have fixed the problem

[torstein.honsi]

Yes, it was fixed in version 1.1.2 released Friday.

[Bmeahan]

This part is working fine for me, but I want to take it a step further and use it for drill down capability. I understand how to get the next page through the javascript function, but where I'm lost is on getting the paramaters from the item in the chart to pass to the next page. Basically if the chart is a set of monthly values then I would need to pass the series name, and the month (x axis) and year to the next page. I can get the series name with this.name, but I'm not grasping how I can get the x-axis for the data point I'm clicking on.

thanks

[torstein.honsi]

You can get the x (category) value by event.point.category:

Code: Select all

function testClick(event) {
                alert(event.point.category);
            }