Javascript Chart.js如何对齐x记号?
我有很多点是按时间x轴随机分布的,我只想在XX:00这样的时间画记号,这样就可以为每个点显示单独的工具提示。可能吗 如有需要,请尽快提供示例代码。。Javascript Chart.js如何对齐x记号?,javascript,plot,chart.js,Javascript,Plot,Chart.js,我有很多点是按时间x轴随机分布的,我只想在XX:00这样的时间画记号,这样就可以为每个点显示单独的工具提示。可能吗 如有需要,请尽快提供示例代码。。 GitHub用户etimberg回答了以下问题: 删除源:“标签”并设置unitStepSize:0.5可实现您所需的功能 请共享您的代码() var data = { labels: ["2012-02-02 12:03:11", "2012-02-02 12:12:11", "2012-02-02 13:10:11", "2012-0
GitHub用户etimberg回答了以下问题: 删除源:“标签”并设置unitStepSize:0.5可实现您所需的功能 请共享您的代码()
var data = {
labels: ["2012-02-02 12:03:11", "2012-02-02 12:12:11", "2012-02-02 13:10:11", "2012-02-02 14:22:11"],
datasets: [
{
label: "My First dataset",
type: 'line',
fillColor: "rgba(220,220,220,0.2)",
strokeColor: "rgba(220,220,220,1)",
pointColor: "rgba(220,220,220,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(220,220,220,1)",
data: [65, 59, 80, 81]
},
]
};
var options = {
scales: {
xAxes: [{
type: 'time',
time: {
unit: 'hour',
unitStepSize: 1,
displayFormats: {
'hour': 'HH:mm'
},
},
ticks:{
source: 'labels',
maxTicksLimit: 20,
},
}],
yAxes: [{
scaleLabel: {
display: true,
labelString: 'Loading'
},
}],
},
};;
var ctx = document.getElementById("myChart").getContext("2d");
var myLineChart = new Chart(ctx).Line(data, options);
var data = {
labels: ["2012-02-02 12:03:11", "2012-02-02 12:12:11", "2012-02-02 13:10:11", "2012-02-02 14:22:11"],
datasets: [
{
label: "My First dataset",
type: 'line',
fillColor: "rgba(220,220,220,0.2)",
strokeColor: "rgba(220,220,220,1)",
pointColor: "rgba(220,220,220,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(220,220,220,1)",
data: [65, 59, 80, 81]
},
]
};
var options = {
scales: {
xAxes: [{
type: 'time',
time: {
unit: 'hour',
unitStepSize: 0.5,
displayFormats: {
'hour': 'HH:mm'
},
},
ticks:{
maxTicksLimit: 20,
},
}],
yAxes: [{
scaleLabel: {
display: true,
labelString: 'Loading'
},
}],
},
};;
var ctx = document.getElementById("myChart").getContext("2d");
var myLineChart = new Chart(ctx, {
type: 'line',
options: options,
data: data
})