mirror of
https://github.com/gosticks/DefinitelyTyped.git
synced 2025-10-16 12:05:41 +00:00
54 lines
1.3 KiB
TypeScript
54 lines
1.3 KiB
TypeScript
import { Chart, ChartData } from 'chart.js';
|
|
|
|
// alternative:
|
|
// import chartjs = require('chart.js');
|
|
// => chartjs.Chart
|
|
|
|
const chart: Chart = new Chart(new CanvasRenderingContext2D(), {
|
|
type: 'bar',
|
|
data: {
|
|
labels: ['group 1'],
|
|
datasets: [
|
|
{
|
|
backgroundColor: '#000000',
|
|
borderWidth: 1,
|
|
label: 'test',
|
|
data: [1]
|
|
}
|
|
]
|
|
},
|
|
options: {
|
|
hover: {
|
|
intersect: true
|
|
},
|
|
tooltips: {
|
|
filter: data => Number(data.yLabel) > 0,
|
|
intersect: true,
|
|
itemSort: (a, b) => Math.random() - 0.5,
|
|
position: "average",
|
|
caretPadding: 2,
|
|
displayColors: true,
|
|
borderColor: "rgba(0,0,0,0)",
|
|
borderWidth: 1,
|
|
},
|
|
scales: {
|
|
xAxes: [{
|
|
ticks: {
|
|
callback: Math.floor
|
|
},
|
|
gridLines: { display: false }
|
|
}]
|
|
}
|
|
}
|
|
});
|
|
chart.update();
|
|
|
|
console.log(chart.ctx && chart.ctx.font);
|
|
console.log(chart.canvas && chart.canvas.tagName);
|
|
if (chart.chartArea) {
|
|
console.log(chart.chartArea.top);
|
|
console.log(chart.chartArea.right);
|
|
console.log(chart.chartArea.bottom);
|
|
console.log(chart.chartArea.left);
|
|
}
|