Refactor data generation in scatter basic example (#5877)

Replace repeated function call with compact function, generateData
This commit is contained in:
generic-github-user 2018-12-04 03:07:35 -05:00 committed by Simon Brunel
parent 3cb2d7050e
commit 5797e03421

View File

@ -21,59 +21,28 @@
<button id="randomizeData">Randomize Data</button> <button id="randomizeData">Randomize Data</button>
<script> <script>
var color = Chart.helpers.color; var color = Chart.helpers.color;
function generateData() {
var data = [];
for (var i = 0; i < 7; i++) {
data.push({
x: randomScalingFactor(),
y: randomScalingFactor()
});
}
return data;
}
var scatterChartData = { var scatterChartData = {
datasets: [{ datasets: [{
label: 'My First dataset', label: 'My First dataset',
borderColor: window.chartColors.red, borderColor: window.chartColors.red,
backgroundColor: color(window.chartColors.red).alpha(0.2).rgbString(), backgroundColor: color(window.chartColors.red).alpha(0.2).rgbString(),
data: [{ data: generateData()
x: randomScalingFactor(),
y: randomScalingFactor(),
}, {
x: randomScalingFactor(),
y: randomScalingFactor(),
}, {
x: randomScalingFactor(),
y: randomScalingFactor(),
}, {
x: randomScalingFactor(),
y: randomScalingFactor(),
}, {
x: randomScalingFactor(),
y: randomScalingFactor(),
}, {
x: randomScalingFactor(),
y: randomScalingFactor(),
}, {
x: randomScalingFactor(),
y: randomScalingFactor(),
}]
}, { }, {
label: 'My Second dataset', label: 'My Second dataset',
borderColor: window.chartColors.blue, borderColor: window.chartColors.blue,
backgroundColor: color(window.chartColors.blue).alpha(0.2).rgbString(), backgroundColor: color(window.chartColors.blue).alpha(0.2).rgbString(),
data: [{ data: generateData()
x: randomScalingFactor(),
y: randomScalingFactor(),
}, {
x: randomScalingFactor(),
y: randomScalingFactor(),
}, {
x: randomScalingFactor(),
y: randomScalingFactor(),
}, {
x: randomScalingFactor(),
y: randomScalingFactor(),
}, {
x: randomScalingFactor(),
y: randomScalingFactor(),
}, {
x: randomScalingFactor(),
y: randomScalingFactor(),
}, {
x: randomScalingFactor(),
y: randomScalingFactor(),
}]
}] }]
}; };