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.
51 lines
1.3 KiB
51 lines
1.3 KiB
import Chart from 'chart.js'
|
|
import { generateChart } from '../BaseCharts'
|
|
|
|
Chart.defaults.LineWithLine = Chart.defaults.line
|
|
Chart.controllers.LineWithLine = Chart.controllers.line.extend({
|
|
draw: function (ease) {
|
|
Chart.controllers.line.prototype.draw.call(this, ease)
|
|
|
|
if (this.chart.tooltip._active && this.chart.tooltip._active.length) {
|
|
let activePoint = this.chart.tooltip._active[0]
|
|
let ctx = this.chart.ctx
|
|
let x = activePoint.tooltipPosition().x
|
|
let topY = this.chart.scales['y-axis-0'].top
|
|
let bottomY = this.chart.scales['y-axis-0'].bottom
|
|
|
|
// draw line
|
|
ctx.save()
|
|
ctx.beginPath()
|
|
ctx.moveTo(x, topY)
|
|
ctx.lineTo(x, bottomY)
|
|
ctx.lineWidth = 2
|
|
ctx.strokeStyle = '#07C'
|
|
ctx.stroke()
|
|
ctx.restore()
|
|
}
|
|
}
|
|
})
|
|
|
|
const LineWithLine = generateChart('line-with-chart', 'LineWithLine')
|
|
|
|
export default {
|
|
extends: LineWithLine,
|
|
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
|
|
}
|
|
})
|
|
}
|
|
}
|
|
|