added tests for RadialLinearScale

This commit is contained in:
Christophe Migliorini
2018-06-20 08:56:29 +02:00
parent 2dc8fe760e
commit e0b2d7579a

View File

@@ -72,6 +72,54 @@ if (chart.chartArea) {
console.log(chart.chartArea.left);
}
// Testing radial chart
const tickOptions: Chart.LinearTickOptions = {
max: 100,
stepSize: 33,
display: false,
beginAtZero: true
};
const scaleOptions: Chart.RadialLinearScale = {
ticks: tickOptions,
lineArc: false,
display: false,
scaleLabel: {
display: false
},
};
const radarChartOptions: Chart.RadialChartOptions = {
legend: {display: false},
scale: scaleOptions,
responsive: true,
};
const chartConfig: Chart.ChartConfiguration = {
type: 'radar',
data: {
labels: ['#apples', '#pears', '#apricots', '#acorns', '#amigas', "#orics"],
datasets: [{
label: "test",
lineTension: 0.15,
data: [1, 1, 2, 3, 5],
backgroundColor: '#37738353',
borderColor: '#37738353',
borderWidth: 3,
fill: true
}]
},
options: radarChartOptions
};
const radialChart: Chart = new Chart(new CanvasRenderingContext2D(), chartConfig);
radialChart.update();
console.log(radialChart.ctx && radialChart.ctx.font);
console.log(radialChart.canvas && radialChart.canvas.tagName);
if (radialChart.chartArea) {
console.log(radialChart.chartArea.top);
console.log(radialChart.chartArea.right);
console.log(radialChart.chartArea.bottom);
console.log(radialChart.chartArea.left);
}
// http://www.chartjs.org/docs/latest/configuration/tooltip.html#position-modes
Chart.Tooltip.positioners.custom = (elements: any[], eventPosition: Point) => {
return {