StackGenVis: Alignment of Data, Algorithms, and Models for Stacking Ensemble Learning Using Performance Metrics
https://doi.org/10.1109/TVCG.2020.3030352
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
1.3 KiB
44 lines
1.3 KiB
4 years ago
|
import Chart from 'chart.js';
|
||
|
|
import { generateChart } from '../BaseCharts';
|
||
|
|
Chart.defaults.LineWithLine = Chart.defaults.line;
|
||
|
|
Chart.controllers.LineWithLine = Chart.controllers.line.extend({
|
||
|
|
draw: function draw(ease) {
|
||
|
|
Chart.controllers.line.prototype.draw.call(this, ease);
|
||
|
|
|
||
|
|
if (this.chart.tooltip._active && this.chart.tooltip._active.length) {
|
||
|
|
var activePoint = this.chart.tooltip._active[0];
|
||
|
|
var ctx = this.chart.ctx;
|
||
|
|
var x = activePoint.tooltipPosition().x;
|
||
|
|
var topY = this.chart.scales['y-axis-0'].top;
|
||
|
|
var bottomY = this.chart.scales['y-axis-0'].bottom;
|
||
|
|
ctx.save();
|
||
|
|
ctx.beginPath();
|
||
|
|
ctx.moveTo(x, topY);
|
||
|
|
ctx.lineTo(x, bottomY);
|
||
|
|
ctx.lineWidth = 2;
|
||
|
|
ctx.strokeStyle = '#07C';
|
||
|
|
ctx.stroke();
|
||
|
|
ctx.restore();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
var LineWithLine = generateChart('line-with-chart', 'LineWithLine');
|
||
|
|
export default {
|
||
|
|
extends: LineWithLine,
|
||
|
|
mounted: function mounted() {
|
||
|
|
this.renderChart({
|
||
|
|
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
|
||
|
|
datasets: [{
|
||
|
|
label: 'Data One',
|
||
|
|
backgroundColor: '#f87979',
|
||
|
|
data: [40, 39, 10, 40, 39, 80, 40]
|
||
|
|
}]
|
||
|
|
}, {
|
||
|
|
responsive: true,
|
||
|
|
maintainAspectRatio: false,
|
||
|
|
tooltips: {
|
||
|
|
intersect: false
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
};
|