圖表區域和圖例區域自動更新

我有一個圖表並執行seriesClick事件。當用戶點擊它加載dataA，當用戶再次點擊它加載dataB。它完全實施並且功能強大。不過我的問題是如何修復圖表區域和圖例區域。圖表區域和圖例區域自動更新

圖例長度與dataA和dataB不同，因此當用戶點擊系列時，圖表不穩定，會自動調整。我不希望我的圖表自動調整。

first dataset

second dataset

我SeriesClick事件實現如下：

 function clickEvent (e) { 
      if (!isHover) { 
       chart.options.series = dataSeries2; 
       chart.redraw(); 
       isHover = true; 
      } 
      else if (isHover) { 
       var chart = $("#chart").data("kendoChart"); 
       chart.options.series = dataSeries; 
       chart.redraw(); 
       isHover = false; 
      } 
     }

這裏是的jsfiddle：

http://jsfiddle.net/3yhbyy2g/72/

來源

2015-05-16 casillas

這個問題對我來說還是覺得不太清楚。什麼調整？它是x軸和/或y軸的尺度嗎？或者整個圖表的大小？有沒有可能提供一個JSFiddle /截圖？ – digawp

這裏是jsfiddle：http://jsfiddle.net/3yhbyy2g/72/ – casillas

我添加了截圖和jsfiddle。請參閱更新後的問題 – casillas

沒有API但是爲了將繪圖區域設置爲固定寬度，現在您只需在您的圖例標籤中輸入轉義字符（\ n）即可。

stats = stats.map(function(x) { 
    return { x: x[0], y: x[1], k: x[2],name:"my title\nis too\nlengty" }; 
});

我在他們的論壇，希望會幫助你找到this。

來源

2015-05-18 06:14:48

圖表區域和圖例區域自動更新

回答

相關問題