Надеюсь, у вас всех хороший день.
Я построил этот график с помощью ng2-диаграммы:
Это HTML-код:
<div style="display: block;">
<canvas
baseChart
[datasets]="scatterChartData"
[options]="scatterChartOptions"
[chartType]="scatterChartType"
>
</canvas>
</div>
Это соответствующий машинописный код:
export class CartographieDesRisquesComponent implements OnInit {
constructor() {}
public scatterChartOptions: ChartOptions = {
responsive: true,
scales : {
yAxes: [{
}],
xAxes: [{
type:'time'
}],
},
};
Я искал в документации и в файле (из загруженного модуля ng2-chart), который содержит опции, которые я могу использовать в определении осей x и y.
interface CommonAxe {
bounds?: string;
type?: ScaleType | string;
display?: boolean;
id?: string;
stacked?: boolean;
position?: string;
ticks?: TickOptions;
gridLines?: GridLineOptions;
barThickness?: number | "flex";
maxBarThickness?: number;
scaleLabel?: ScaleTitleOptions;
time?: TimeScale;
offset?: boolean;
beforeUpdate?(scale?: any): void;
beforeSetDimension?(scale?: any): void;
beforeDataLimits?(scale?: any): void;
beforeBuildTicks?(scale?: any): void;
beforeTickToLabelConversion?(scale?: any): void;
beforeCalculateTickRotation?(scale?: any): void;
beforeFit?(scale?: any): void;
afterUpdate?(scale?: any): void;
afterSetDimension?(scale?: any): void;
afterDataLimits?(scale?: any): void;
afterBuildTicks?(scale?: any): void;
afterTickToLabelConversion?(scale?: any): void;
afterCalculateTickRotation?(scale?: any): void;
afterFit?(scale?: any): void;
}
Но я не смог найти, как отобразить имена осей X и Y.
Спасибо за вашу помощь.