jquery - Highcharts - 无法在具有负值的柱形图中设置 x 轴类别

Question

您好，我有一个带有负值的柱形图，它显示了错误的 x 轴类别值。我正在从服务器发送一个预构建的 JSON 数组，但无论如何我都无法让 x 轴类别显示正确的值。

这是代码:

     var chart_data = JSON.parse(data).avg_range;


                        console.log(chart_data.x_axes);

                        var safety_chart_average = {
                            chart: {
                                type: 'column',
                                renderTo: pattern + '-safety-mini-chart-section',
                                spacingRight: 20,
                                spacingLeft: 20,
                            },
                            rangeSelector: {
                                enabled: false
                            },
                            navigator: {
                                enabled: false
                            },
                            scrollbar: {
                                enabled: false
                            },
                            credits: {
                                enabled: false
                            },
                            title: {
                                text: "Avg Changes",
                                marginBottom: -10
                            },
                            xAxis: {
                                categories: chart_data.x_axes
                            },
                            series: chart_data.prices


 };

这就是我得到的

X 轴显示错误的值，如上图所示。

但是console.log(chart_data.x_axes)给出["Day 1", "Day 2", "Day 3"] 这应该是正确的 x 轴标签。

请告诉我如何修复此 x 轴标签错误。

Answer 1

Highstock 包含所有 Highcharts 选项。您所需要的只是更改构造函数。因此，步骤如下:

• 包括 Highstock:<script scr="http://code.highcharts.com/stock/highstock.js"></script>
• 当您需要 Highstock 时，请调用:new Highcharts.StockChart(options)
• 当您需要 Highcharts 时，请调用:new Highcharts.Chart(options)