Menu

Displaying Flags on Chart Objects Breaks Tooltip

Sean Cowan
2014-04-10
2014-04-21
  • Sean Cowan

    Sean Cowan - 2014-04-10

    Hi,

    I have created a Chart object and added a flag series to the chart via the chart.setOption() method. This works well, except that I want to be able to display the series on the x-axis rather than on another series id.

    The only way that I can see how to do this, is to set the y-value to be null. This does force the series to be painted on the x-axis but it breaks the tool tip. I suspect the problem is that in the Javascript, you don't have to specifiy a y-value but in the GWT wrapper you do, and specifying null breaks the GWT Wrapper.

    Any Ideas of how to fix this problem? Code snippets below:-

    this.multiplePayments = chart.createSeries();
    this.multiplePayments.setOption("type", "flags");
    this.multiplePayments.setOption("shape", "squarepin");
    this.multiplePayments.setOption("width", 16);
    this.multiplePayments.setName("Multiple Payments");
    this.multiplePayments.setOption("showInLegend", false);
    chart.addSeries(multiplePayments);

    Point p = new Point(key.getTime(), null);
    p.setOption("text", "tool tip");
    multiplePayments.addPoint(p);

    // this code breaks the tool tip on the flag

     
  • Shawn Quinn

    Shawn Quinn - 2014-04-21

    Haven't had a chance to try this case myself, but I can't think of reason off the top of my head why GWT Highcharts would be doing anything to interfere with the tooltip in this case. So, you may have found a bug in the core highcharts.js library. Have you tried this case in jsfiddle or somewhere directly in raw Javascript?

     

Log in to post a comment.