如何解决如何在amcharts中更改y轴的文本
我试图将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
上使用adapter
valueAxis.adapter.add("getTooltipText",function(text,target,key) {
return text + "s";
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。