ChartJS - Линейная диаграмма нормального распределения - PullRequest
0 голосов
/ 06 ноября 2019

Я пытаюсь сгенерировать линейный график, используя react-chartjs-2. Обычно диаграммы строятся из точек, однако я пытаюсь сгенерировать нормальный график распределения, поэтому он должен быть непрерывным и построен по значениям sigma и mu.

Я пошел на компромисс и построил произвольно N точек по краям интервала оси X:

let N = 40;
let xValues = [];
let interval = (chart.data.max - chart.data.min) / N;

// Generate the X-axis values
for (let i = chart.data.min; i <= chart.data.max; i += interval) {
  xValues.push(Math.round(i));
}

// Generate the Y-axis values by the normal distribution formula
let yValues = xValues.map(x => (
  (2 * Math.PI * sigma ** 2) ** -0.5 * Math.exp(-0.5 * (x - mu) ** 2 / sigma ** 2)
));

let chartData = {
  type: 'line',
  labels: xValues,
  datasets: [{
    data: yValues,
  }]
}

Но возможно ли сделать диаграмму доступной, чтобы:

Example for the Google charts interface

...