Javascript Chartjs 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

我正在尝试用Chartjs创建散点图。 我希望有几个围绕一个X值和三个Y值的数据集。 当我无法为数据集设置自定义X标签,也无法为X轴设置固定范围时

这是我生成数据的方式:

     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
            });