散佈圖

散佈圖是基於基本的折線圖，只是將 x 軸改為線性軸。若要使用散佈圖，資料必須以包含 X 和 Y 屬性的物件形式傳遞。下面的範例建立了一個包含 4 個點的散佈圖。

const config = { type: 'scatter', data: data, options: { scales: { x: { type: 'linear', position: 'bottom' } } } };

const config = {
  type: 'scatter',
  data: data,
  options: {
    scales: {
      x: {
        type: 'linear',
        position: 'bottom'
      }
    }
  }
};

const data = { datasets: [{ label: 'Scatter Dataset', data: [{ x: -10, y: 0 }, { x: 0, y: 10 }, { x: 10, y: 5 }, { x: 0.5, y: 5.5 }], backgroundColor: 'rgb(255, 99, 132)' }], };

const data = {
  datasets: [{
    label: 'Scatter Dataset',
    data: [{
      x: -10,
      y: 0
    }, {
      x: 0,
      y: 10
    }, {
      x: 10,
      y: 5
    }, {
      x: 0.5,
      y: 5.5
    }],
    backgroundColor: 'rgb(255, 99, 132)'
  }],
};

資料集屬性

命名空間

• data.datasets[index] - 僅適用於此資料集的選項
• options.datasets.scatter - 適用於所有散佈圖資料集的選項
• options.elements.line - 適用於所有折線元素的選項
• options.elements.point - 適用於所有點元素的選項
• options - 適用於整個圖表的選項

散佈圖支援與折線圖相同的所有屬性。預設情況下，散佈圖會覆蓋折線圖的 showLine 屬性為 false。

索引刻度類型為 linear。這表示，如果您正在使用 labels 陣列，則這些值必須是數字或可解析為數字的值，物件格式的鍵也適用相同的規則。

資料結構

與折線圖可以提供兩種不同格式的資料不同，散佈圖僅接受點格式的資料。

data: [{
        x: 10,
        y: 20
    }, {
        x: 15,
        y: 10
    }]

內部資料格式

{x, y}