Chart.js 图表J在x轴上显示秒数,在y轴上显示音量
我想把y表示为时间,x表示为体积 我基本上知道,如果需要8.5秒,比如说10000卷或1000 000卷 我希望时间在x轴上,音量在y轴上 时间与日期无关,它的时间以刻度表示,因此它的0开始 正在努力寻找一个gd示例 我已经做了快速POC的,但似乎应该有一个更简单的例子,我的工作基础 我相信我需要做一些计算来得到范围,但即使我有范围,也不确定哪种图表类型和设置最适合 我想在底部显示标签显示时间(毫秒/秒) [0100200400,800,10000,15000]毫秒-然后可以尝试一些格式选项,以除以1000秒 strarted,但又似乎是错误的方向 也玩弄,但似乎也不确定也错误的方向,是不是有人能给我举个例子。。。我可以利用 为了澄清这一点,它应该从0开始,并在时间上沿x向前移动到顶点 因此,当你看图表时,你可以看一眼,在它下面画一条线,这应该是所花的时间Chart.js 图表J在x轴上显示秒数,在y轴上显示音量,chart.js,chartjs-2.6.0,Chart.js,Chartjs 2.6.0,我想把y表示为时间,x表示为体积 我基本上知道,如果需要8.5秒,比如说10000卷或1000 000卷 我希望时间在x轴上,音量在y轴上 时间与日期无关,它的时间以刻度表示,因此它的0开始 正在努力寻找一个gd示例 我已经做了快速POC的,但似乎应该有一个更简单的例子,我的工作基础 我相信我需要做一些计算来得到范围,但即使我有范围,也不确定哪种图表类型和设置最适合 我想在底部显示标签显示时间(毫秒/秒) [0100200400,800,10000,15000]毫秒-然后可以尝试一些格式选项,以
// var labels = []
// var tickms = 325362132 / 10000;
// for (let i = 0; i < tickms ; i++) {
// if (i%1000 === 0) {
// labels.push(i)
// }
// }
var ctx = $("#canvas")[0].getContext("2d");
var data = {
datasets: [
{
label: "Scatter Dataset",
// labels: labels,
data: [
{ x: 0, y: 0},
{ x: 10, y: 1000 },
{ x: 20, y: 2000 },
{ x: 30, y: 3000 },
{ x: 40, y: 6000 },
{ x: 50, y: 8000 },
{ x: 1066, y: 10000 }
]
}
]
};
var myLineChart = new Chart(ctx, {
type: "line",
data: data,
options: {
scales: {
xAxes: [
{
scaleLabel: {
display: true
},
}
]
}
}
});
//变量标签=[]
//var tickms=325362132/10000;
//for(设i=0;i
当您添加
options: {
scales: {
xAxes: [{
type: 'linear'
}]
}
}
这里有一个例子:越来越近了,thx会在以后做更多的工作,这可能是公认的答案。也许最好做一些散点图来表示这种类型的一天,这取决于你想要什么。我不确定如何表示这些值。是的,如果每个数据集只需要一个数据,那么散点图会更好。如果要在它们之间画一条线,请将它们放在折线图中的一个数据集中。若要提供上下文。。。我试图显示,运行时间与处理量。我正在处理数据行,我记录了所需的时间和处理的行数。。。我想展示的是一种奇特的图表,它显示了每次运行所花费的时间与处理的行数之比。建立一个应用程序,我试图指出作为一个卖点的时间量是它所需要的。。。(快速)…试图用视觉的方式展示这一点。