1

我正在尝试使用带有对数轴的 highcharts 柱形图在我的网页上显示一些数据。虽然它适用于某些数据，但在某些情况下，它会绘制图表而不显示系列。

在 JSfiddle 中，图表显示正确。这是一些示例代码：http: //jsfiddle.net/3rcRh/1/

$(function () {
var mychart;
var ser1=[{"name":"Series1","data":
    [{"groupName":"Group1","low":1.0,"high":16.0,"x":27},{"groupName":"Group2","low":16.0,"high":17.0,"x":27},{"groupName":"Group3","low":17.0,"high":18.0,"x":27}] }];
 mychart = new Highcharts.Chart({

    chart: {
        renderTo: 'container',
        type: 'columnrange',
        inverted: true
    },

    title: {
        text: 'Selected Data'
    },

    subtitle: {
        text: 'Groups'
    },

    xAxis: {

        title: {
            text: 'Number of ELements'
        }
    },

    yAxis: {
        type: 'logarithmic',
        title: {
            text: 'Value Range'
        }
    },

    tooltip: {
        crosshairs: [true]

    },

    plotOptions: {
        series: {
            cursor: 'pointer',
            point: {
                events: {
                    click: function() {             

                        alert('clicked');
                    }
                }
            }
        },
        columnrange: {

        }
    },

    legend: {
        enabled: true
    },

    series: ser1

});

});

但是，即使在这里当我选择“共享全屏结果”时，我也会遇到同样的问题，数据不会显示：http: //jsfiddle.net/3rcRh/1/embedded/result/

当我从图表上下文菜单中以图像或 pdf 格式下载图表时，下载的文件包含正确的图表图像。

我已经在我的网页上包含了所有必要的脚本，但我不知道出了什么问题。任何帮助将非常感激！

4

1 回答 1

1

很奇怪，在这里报告-谢谢！

您可以解决此问题：

  • 从 更改columnrange为column
  • 在数据变化high从y
  • 设置最小值yAxis: 1

工作示例：http: //jsfiddle.net/3rcRh/2/

于 2013-07-25T09:52:23.470 回答