Question

我正在尝试使用gwt-highchart（使用最新的gwt-highchart 1.6.0和Highstock 2.3.4版本）为我的图表应用程序添加系列。直到第三个系列，一切似乎都很好。当我尝试添加第三个时，我收到了这个错误：

com.google.gwt.core.client.JavaScriptException: (String) 
@org.moxieapps.gwt.highcharts.client.BaseChart::nativeAddSeries(Lcom/google/gwt/core
/client/JavaScriptObject;Lcom/google/gwt/core/client/JavaScriptObject;ZZ)([JavaScript 
object(4953), JavaScript object(5135), bool: true, bool: true]): Highcharts error #18:
www.highcharts.com/errors/18

这是我的代码（在循环中运行）：

            // Create a new serie with a new yAxis
        Series newSeries = chart.createSeries().setYAxis(index).setPlotOptions(new LinePlotOptions().setColor(tag.getColor()));

        // Set new yAxis options
        chart.getYAxis(index).setPlotLines(chart.getYAxis(index).createPlotLine().setValue(0).setWidth(1).setColor(tag.getColor())).setLabels(new YAxisLabels().setEnabled(false)).setTickLength(0).setOffset(60).setStartOnTick(false)
                .setEndOnTick(false).setGridLineWidth(0).setMaxPadding(DEFAULT_YAXIS_MAX_PADDING).setMinPadding(DEFAULT_YAXIS_MIN_PADDING)
                .setAxisTitle(new AxisTitle().setText(null).setStyle(new Style().setColor(tag.getColor())));

        // Add the serie to the chart
        chart.addSeries(newSeries.setName("Test " + index));

前两个系列正常，如前所述，但第三个系列抛出上述异常（当我调试应用程序时，我可以看到新创建的yAxis引用）。

以下是抛出异常的行：

chart.addSeries(newSeries.setName("Test " + index));

由于

Answer 1

我终于明白了！

GWT-HighCharts似乎是个问题。它根本不会将新的YAxis添加到图表中。所以你必须通过像这样的本地调用添加YAxis;

private static native void nativeAddAxis(JavaScriptObject chart, JavaScriptObject axisOptions, boolean isX, boolean redraw, boolean animationFlag) /*-{
    chart.addAxis(axisOptions, isX, redraw, animationFlag);
}-*/;

在添加新系列之前，只需调用此原生方法。

            // Create new series
        Series newSeries = chart.createSeries().setYAxis(index);
        newSeries.setPlotOptions(new LinePlotOptions().setColor(tag.getColor()));
        newSeries.setName(index + 1 + ") ");

        // Create a new YAxis
        YAxis yAxis = chart.getYAxis(index).setPlotLines(chart.getYAxis(index).createPlotLine().setValue(0).setWidth(1).setColor(tag.getColor())).setLabels(new YAxisLabels().setEnabled(false)).setTickLength(0).setOffset(60)
                .setStartOnTick(false).setEndOnTick(false).setGridLineWidth(0).setPlotLines().setMaxPadding(DEFAULT_YAXIS_MAX_PADDING).setMinPadding(DEFAULT_YAXIS_MIN_PADDING)
                .setAxisTitle(new AxisTitle().setText(null).setStyle(new Style().setColor(tag.getColor())));

        // IMPORTANT!: New YAxis must be added to the chart via native calls since gwt-highcharts wrapper doesn't do that properly!
        nativeAddAxis(chart.getNativeChart(), yAxis.getOptions().getJavaScriptObject(), false, false, false);

        // Physical attach
        chart.addSeries(newSeries);

Answer 2

以下是导致此类错误的原因：

如果您使用的是GWT-HighCharts包装器，则必须在将图表添加到DOM之前进行配置！似乎在将它添加到DOM之后，任何配置更改似乎都不起作用！

快乐的编码！

Answer 3

请检查索引值。如果index大于轴数，则可能发生此错误

highcharts error＃18表示尝试访问的轴不存在。

这是链接http://www.highcharts.com/errors/18

希望能帮到你

HighCharts股票图表错误代码18

3 个答案: