So legen Sie den Y-Achsenwert in einem vertikalen Balkendiagramm mithilfe von Chart JS fest
P粉729436537
2023-08-29 10:38:36
<p>In diesem vertikalen Balkendiagramm hat die Y-Achse positive und negative Werte. </p>
<p>Ich möchte positive Ganzzahlen über und unter dem Nullwert verwenden. </p>
<p>Ich verwende Version 4.2.1</p>
<p>Was soll ich tun? </p>
<p>Beispiel für ein vertikales Diagramm</p>
<pre class="brush:php;toolbar:false;">var MONTHS = [
„Januar“,
„Februar“,
„März“,
„April“,
„Mai“,
„Juni“,
„Juli“,
„August“,
„September“,
„Oktober“,
„November“,
„Dezember“,
];
var color = Chart.helpers.color;
var barChartData = {
Beschriftungen: ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli"],
Datensätze: [
{
Beschriftung: "Datensatz 1",
Hintergrundfarbe: 'rgba(255, 201, 14, 1)',
borderColor: 'rgba(255, 201, 14, 1)',
borderWidth: 1,
Daten: [
10,
20,
30,
40,
50
],
},
{
Beschriftung: "Datensatz 2",
Hintergrundfarbe: 'rgba(255, 201, 14, 1)',
borderColor: 'rgba(255, 201, 14, 1)',
borderWidth: 1,
Daten: [
-100,
-200,
-300,
-400,
-500
],
},
],
};
var ctx = BloodPressureChart;
neues Diagramm(ctx, {
Typ: „bar“,
Daten: barChartData,
Optionen: {
reaktionsfähig: wahr,
Legende: {
Position: „oben“,
},
Titel: {
Anzeige: wahr,
Text: „Chart.js Balkendiagramm“,
},
},
});</pre>
<p>Dies ist mein Code mit Diagramm-JS. </p>
<p>Mein Codediagramm</p>
如果您只想更改 y 轴标签的文本，可以通过设置函数
options.scales.y.ticks.callback来完全更改它们，请参阅文档 和 API 参考了解详细信息。在您的情况下，要使负值读为正值，您可以使用：callback: function(val){ return this.getLabelForValue(Math.abs(val)); }或
callback: function(val){ return this.getLabelForValue(val).replace(/^-/, ''); }