canvas js日期在x軸上重複

我正在使用canvasjs以圖表格式顯示數據。在日期旁邊的所有工作都很好canvas js日期在x軸上重複

當數據較少時重複。

這裏是我的JS

var chartResponses = new CanvasJS.Chart("chartResponses", { 
     animationEnabled: true, 
     toolTip: { 
      enabled: true, 
      animationEnabled: true, 
      fontColor: "#F9BF97", 
     }, 
     axisX: { 
      titleFontFamily: "verdana", 
      valueFormatString: "D/M/YYYY", 
      tickThickness: 0, 
      lineThickness: 1, 
      gridThickness: 0, 
      gridColor: "#f2f6f7", 
      lineColor: "#f2f6f7", 
      labelFontColor: "#8fa2aa", 
      labelFontSize: 12, 
      intervalType: "day", 

     }, 
     axisY: { 
      titleFontFamily: "verdana", 
      valueFormatString: "0", 
      tickThickness: 0, 
      lineThickness: 0, 
      gridThickness: 1, 
      gridColor: "#f2f6f7", 
      lineColor: "#f2f6f7", 
      labelFontColor: "#8fa2aa", 
      labelFontSize: 12 
     }, 
     data: [{ 
       type: "splineArea", 
       showInLegend: true, 
       markerSize: 0, 
       name: "", 
       color: "#F9BF97", 
       dataPoints: allResponses 
      }], 
    }); 

    chartResponses.render();

，這是如何表現的圖表時，我只有兩個日期

我設置的時間間隔爲interval: 1嘗試。在這種情況下，更少的數據圖表工作正常，但當我有更多的數據日期開始重疊像下面的圖像。

但是當我刪除interval: 1則顯示細膩

那麼，有沒有辦法解決這個問題。

來源

2016-08-22 urfusion

是否可以添加小提琴？用數據點硬編碼 –

'jsfiddle'阻止http://canvasjs.com/assets/script/canvasjs.min.js。所以無法創建。如果你想嘗試http://jsfiddle.net/hb5KU/11/並更改'type：「splineArea」，'並創建更多日期記錄並檢查 – urfusion

當您有更多數據或者按周或月更改intervalType屬性時，必須將interval屬性更改爲5或更多。如此更新的小提琴中所示。 jsfiddle.net/hb5KU/66/

根據您的響應數據長度渲染圖表之前，您可以在將來添加它。

來源

2016-08-22 09:25:15

@fusion，對於動態更改時間間隔，您可以從-http ：//jsfiddle.net/canvasjs/8e98Lej8/ 在這裏，而不是intrvalType你可以設置時間間隔。對於初始渲染（不縮放），您還可以從數據中找到viewportMinimum和viewportMaximum並相應地應用它。 – Sanjoy

canvas js日期在x軸上重複

回答

相關問題