[英]How to change the text of the y axis in amcharts
我正在嘗試將 Y 軸上的顯示值更改為自定義文本,或在值旁邊添加文本。 我可以更改 valueAxis 文本嗎?
這是代碼
// Themes begin
am4core.useTheme(am4themes_animated);
// Themes end
// Create chart instance
var chart = am4core.create("chartdiv", am4charts.XYChart);
// Add data
chart.data = [{
"year": "2008",
"label": 101
}, {
"year": "2009",
"label": 142
}, {
"year": "2010",
"label": 462
}, {
"year": "2011",
"label": 364
}, {
"year": "2012",
"label": 465
}];
....
// Create value axis
var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
valueAxis.renderer.inversed = false;
valueAxis.title.text = "";
valueAxis.renderer.minLabelPosition = 0.001;
// Create series
var series1 = chart.series.push(new am4charts.LineSeries());
series1.dataFields.valueY = "label";
series1.dataFields.categoryX = "year";
series1.name = "Currency";
series1.strokeWidth = 3;
series1.bullets.push(new am4charts.CircleBullet());
series1.tooltipText = "{name} in {categoryX}: {valueY}";
series1.legendSettings.valueText = "{valueY}";
series1.visible = false;
// Add chart cursor
chart.cursor = new am4charts.XYCursor();
chart.cursor.behavior = "zoomY";
// Add legend
chart.legend = new am4charts.Legend();
我想將 200,300,400,500,600,700 和 800 更改為(例如)200s,300s,400s,500s,600s,700s,800s ..
一種快速的方法是使用numberFormatter並在數字格式中添加's'
,這將影響圖表中的所有數值(軸、工具提示、圖例值等):
chart.numberFormatter.numberFormat = "#'s'";
在這種情況下,在s
周圍包含引號以將其轉義很重要,因為它是絕對值的格式修飾符。
或者,如果您只是針對軸工具提示,請在getTooltipText
上使用適配器
valueAxis.adapter.add("getTooltipText", function(text, target, key) {
return text + "s";
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.