Javascript Chartjs X轴上的固定范围和自定义标签
我正在尝试用Chartjs创建散点图。 我希望有几个围绕一个X值和三个Y值的数据集。 当我无法为数据集设置自定义X标签,也无法为X轴设置固定范围时 这是我生成数据的方式:Javascript Chartjs X轴上的固定范围和自定义标签,javascript,plot,chart.js,scatter,Javascript,Plot,Chart.js,Scatter,我正在尝试用Chartjs创建散点图。 我希望有几个围绕一个X值和三个Y值的数据集。 当我无法为数据集设置自定义X标签,也无法为X轴设置固定范围时 这是我生成数据的方式: function generateData(n, xCenter, yCenter) { var data = []; var spread = 0.2 for (var i = 0; i < n; i++) { d
function generateData(n, xCenter, yCenter) {
var data = [];
var spread = 0.2
for (var i = 0; i < n; i++) {
data.push({
x: (Math.random() - 0.5)*spread + xCenter,
y: (Math.random() - 0.5)*spread + yCenter
})
}
return data
}
var scatterChartData = {
datasets: [
{
label: 'My First dataset',
backgroundColor: "#0000FF",
data: generateData(100, 1, 2)
},
{
label: 'My Second dataset',
backgroundColor: "#00FF00",
data: generateData(50, 1, 3)
},
{
label: 'My Second dataset',
backgroundColor: "#00FF00",
data: generateData(50, 1, 4)
},
]
}
这是情节:
var myChart = new Chart(ctx, {
showTooltips: false,
type: 'scatter',
data: scatterChartData,
options: scatterOptions
});
var myChart = new Chart(ctx, {
showTooltips: false,
type: 'scatter',
data: scatterChartData,
options: scatterOptions
});