具有动态数据的highcharts柱形图-柱对齐关闭

具有动态数据的highcharts柱形图-柱对齐关闭,highcharts,Highcharts,我希望这个快速的描述和图片能给有类似问题的人敲响警钟,从而提出建议/解决方案 我有一个动态添加数据的柱状图(通过jQuery解析XML文件) 由于某些原因,添加数据后,不同系列的对齐会有点偏差。在我通过可见/不可见(通过单击图例中的系列)切换其中一个系列后,问题自行解决 当我通过对数字进行硬编码来添加数据时,为了确保它能正常工作,效果非常好 图为: 黄色系列是添加到图表中的最后一个系列,红色和紫色系列在切换5个系列之一的可见性后排列正常 任何帮助都将不胜感激 使用数据信息更新: 我有5个数据

我希望这个快速的描述和图片能给有类似问题的人敲响警钟,从而提出建议/解决方案

我有一个动态添加数据的柱状图(通过jQuery解析XML文件)

由于某些原因,添加数据后,不同系列的对齐会有点偏差。在我通过可见/不可见(通过单击图例中的系列)切换其中一个系列后,问题自行解决

当我通过对数字进行硬编码来添加数据时,为了确保它能正常工作,效果非常好

图为:

黄色系列是添加到图表中的最后一个系列,红色和紫色系列在切换5个系列之一的可见性后排列正常

任何帮助都将不胜感激

使用数据信息更新:

  • 我有5个数据系列和10个x轴类别
  • 在解析XML文件时,我正在构建一个多维数据数组
  • 数组长度为5,这5个索引中的每一个都包含长度为10的数组
  • 这是阵列填充数据后的外观:
索引#:0值:0,0,0,0,0,0,0,0,0,0,0

索引#:1值:180210,0,0,0,0,0,0180210

索引#:2值:22,4,0,0,0,0,0,0,22,4

索引#:3值:0,0,0,0,0,0,0,0,0,0

索引#:4值:200,30,0,0,0,0,0,0,4,0

我使用以下JS代码将数据添加到图表中:

for (var c_ary_bs = 0; c_ary_bs < ary_bs_schedule_orig.length; c_ary_bs++) {
        chart.series[c_ary_bs].setData(ary_bs_schedule_orig[c_ary_bs]);
    }

当警报触发时,图形列正确对齐,在我单击“确定”解除警报后,会发生对齐问题,如上图所示

我发现了一个不完美的修复:

-将图表的marginLeft设置为70可以缓解列不对齐的问题

-由于某些原因,y轴标题文本显示在y轴标记上,因此我使用以下方法使其可见:

 yAxis: {
        title: {
            x:-20,
            text: 'Schedule Days'
        }
    }
(注意x:-20)

奇怪的是,当我切换其中一个系列(通过在图例中单击它)时,yAxis标题文本会恢复到它应该位于的位置(由于上述修复,现在已关闭20px)


完美的修复方法是在我切换其中一个系列后将yAxis文本放在它所在的位置,但至少这样,无论用户是否切换该系列,它现在都是可见的

你能发布一些导致这种情况的数据吗?更好的做法是在JSFIDLE上创建一个示例。谢谢您的时间,我已经用数据信息更新了我的问题。我真的希望我能给您一个答案,但看起来这肯定是一个bug。不是为了减少流量,但我可能建议在HC论坛()上发布;托尔斯坦和他的团队都很棒,通常反应都很好。对不起,希望我有更好的消息。一切都很好。所以,谢谢你抽出时间。我同意这看起来像个虫子。至少我能够继续进行“不完美的修复”。顺致敬意,
 yAxis: {
        title: {
            x:-20,
            text: 'Schedule Days'
        }
    }