如何在散点图中显示正标签而不是负标签

时间:2019-03-28 10:44:51

标签: javascript chart.js chartjs-2.6.0

我将ChartJs用于简单的散点图。我有很多要点,我只想将xAxis设置为正数。目前有一个列表[0,20,40,60,80,100,-20,-40,-60,-80,-100]等

我想显示所有点,但带有自定义xAxis标签,例如:[0,20,40,60,80,100,0,20,40,60,80,100]

我想让自己的图表看起来像自爆

scatter chart

但是目前,我的散点图如下所示

var ctx = document.getElementById('myChart').getContext('2d');
var scatterChart = new Chart(ctx, {
   type: 'scatter',
   data: {
      labels: ["Label 1", "Label 2", "Label 3"],
      datasets: [{
         label: 'Legend',
         data: [{
            x: -10,
            y: 5,
         }, {
            x: 0,
            y: 10
         }, {
            x: 10,
            y: 5
         }]
      }]
   },
   options: {
         legend: {
          display: false,
         },
         scales: {
         yAxes: [{
            ticks: {
                beginAtZero:true
            }
        }],
     }
            }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.min.js"></script>
<canvas id="myChart" style="height:1000px"></canvas>

  

我想将x轴负标签显示为正标签。显示标签   当前为[-100至100],并要求标签为[100至100]

0 个答案:

没有答案