2013-03-25 33 views
1

我剛剛升級到最新版本,並柱形圖(這是動態更新)工作在IE9(?!?),但不會對最新的Chrome IE screenshotHighcharts 3.0「無形」列

Chrome screenshot

+0

我也遇到了這一點,但是當我嘗試我的選擇粘貼到的jsfiddle,不會出現問題。我也嘗試從我的頁面中刪除所有其他JavaScript,並且它仍然會發生。它與柱狀圖上的動畫有關,因爲系列SVGElement上的scaleY沒有從.001降低到1.我試圖通過Highcharts和JQuery來追蹤它,但沒有發現問題。將柱狀圖的動畫設置爲false將允許它在我的情況下渲染,但是如果你想要動畫,那麼你運氣不好。在Chrome/Firefox中發生。 HC 3.0/JQuery 1.7.1 – 2013-03-26 16:21:54

+0

我能夠在jsFiddle中重新創建問題。 http://jsfiddle.net/zAFmS/1/ – 2013-03-26 17:41:50

+0

我建議使用圖表對象和addSeries回調Highcharts初始化就像在這個例子中:http://jsfiddle.net/zAFmS/2/ – 2013-03-27 13:26:43

回答

0

我已經以動態添加列(通過按鈕)準備的示例

http://jsfiddle.net/DQTMP/

$('#container').highcharts({ 
     chart: { 
      type: 'spline' 
     }, 
     title: { 
      text: 'Monthly Average Temperature' 
     }, 
     series: [{ 
      name: 'Tokyo', 
      data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 23.3, 18.3, 13.9, 9.6] 

     }] 
    },function(chart){ 

     $('#btn').click(function(){ 
      chart.addSeries({ 
       type:'column', 
       data:[1,2,3,4,5] 
      }); 
     }); 

    }); 

如果您在Chrome中遇到此示例的問題,請告訴我。

+0

工作,謝謝 – 2013-03-27 20:43:30