開始Chart.js時間比例爲0

在這個Chart.js時間範圍內，爲什麼「Mar 11」不是從0開始？我試圖讓它從零開始，但是它隨機時間開始。任何有識之士將不勝感激！開始Chart.js時間比例爲0

https://jsfiddle.net/askhflajsf/7yped1d5/（採用了最新的master branch build）

var barChartData = { 
 
    labels: ["2013-03-09", "2013-03-16", "2013-03-23", "2013-03-30", "2013-04-06"], 
 
    datasets: [{ 
 
    borderColor: "#3e95cd", 
 
    data: [10943, 29649, 6444, 2330, 36694], 
 
    fill: false, 
 
    borderWidth: 2 
 
    }, 
 
    { 
 
    borderColor: "#ff3300", 
 
    data: [9283, 1251, 6416, 2374, 9182], 
 
    fill: false, 
 
    borderWidth: 2 
 
    }] 
 
}; 
 

 
Chart.defaults.global.defaultFontFamily = "'Comic Sans MS'"; 
 
// Disable pointers 
 
Chart.defaults.global.elements.point.radius = 0; 
 
Chart.defaults.global.elements.point.hoverRadius = 0; 
 

 
var ctx = document.getElementById("bar-chart").getContext("2d"); 
 
new Chart(ctx, { 
 
    type: 'line', 
 
    data: barChartData, 
 
    options: { 
 
    responsive: true, 
 
    legend: { 
 
     display: true, 
 
     position: "right" 
 
    }, 
 
    title: { 
 
     display: false 
 
    }, 
 
    scales: { 
 
     xAxes: [{ 
 
     type: "time", 
 
     ticks: { 
 
      minRotation: 90 
 
     } 
 
     }] 
 
    } 
 
    } 
 
});

<script src="http://www.chartjs.org/dist/master/Chart.bundle.min.js"></script> 
 
<canvas id="bar-chart"></canvas>

來源

2017-08-18 Mark Boulder

我不明白你的意思。第一個數據點是3月9日，所有數據的值都大於0. – Automatico

因此，無法在Y軸上顯示0的第一個日期？當第一個嘀嗒聲開始時，看起來有點奇怪。 –

找到了這個解決方案，不確定它是否可以接受？圖表看起來有點像[this]（https://i.stack.imgur.com/6vl6S.png） –

看來這是由設計，你爲什麼不去做一個簡單的解決方法了這一點。使用moment.js進行時間操縱並將數據加載到x軸中，類型爲線性而不是日期，這基本上給出相同的輸出。

的jsfiddle：here

代碼：

var timeOperations = ["2013-03-09", "2013-03-16", "2013-03-23", "2013-03-30", "2013-04-06"].map(function(value){ 
    return moment(value, "YYYY-MM-DD").format('MMM-DD').toString(); 
}); 
var barChartData = { 
    labels: timeOperations, 
    datasets: [{ 
    borderColor: "#3e95cd", 
    data: [10943, 29649, 6444, 2330, 36694], 
    fill: false, 
    borderWidth: 2 
    }, 
    { 
    borderColor: "#ff3300", 
    data: [9283, 1251, 6416, 2374, 9182], 
    fill: false, 
    borderWidth: 2 
    }] 
};

來源

2017-08-18 20:52:02

嗨！不幸的是，對於較大的數據集似乎沒有效果：https：//jsfiddle.net/bods8ngd/4/ –

@MarkBoulder哦，那太糟糕了，我想用日期工作會更好，只需要修改圖表.js庫和解決這個問題，但努力會加載:( –

開始Chart.js時間比例爲0

回答

相關問題