Graph 如何更改图表4中值/类别的文本颜色?
我想更改类别的颜色和文本的值(参见嵌入的图片),我不确定这是否与我的css样式或amcharts api有关。然而,我确实设法用Graph 如何更改图表4中值/类别的文本颜色?,graph,colors,amcharts,Graph,Colors,Amcharts,我想更改类别的颜色和文本的值(参见嵌入的图片),我不确定这是否与我的css样式或amcharts api有关。然而,我确实设法用label.fill=am4core.color(“白色”)更改了标签 以及守则: am4core.ready(function() { const units = 'km'; // Themes begin am4core.useTheme(am4themes_animated); // Themes en
label.fill=am4core.color(“白色”)更改了标签代码>
以及守则:
am4core.ready(function() {
const units = 'km';
// Themes begin
am4core.useTheme(am4themes_animated);
// Themes end
// Create chart instance
chart = am4core.create("chartdiv", am4charts.XYChart);
// Add data
chart['data'] = [{"country":"","volume":'','Name':''}];
// Create axes
var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
categoryAxis.dataFields.category = "country";
categoryAxis.renderer.grid.template.location = 10;
categoryAxis.renderer.minGridDistance = 20;
var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
// Create series
var series = chart.series.push(new am4charts.ColumnSeries());
series.dataFields.valueY = "volume";
series.dataFields.categoryX = "country";
series.dataFields.countryNameX = "c_name";
series.name = "volume";
series.columns.template.tooltipText = "{countryNameX}: [bold]{valueY}[/] "+units;
series.columns.template.fillOpacity = .8;
//label units on left side
var label = chart.createChild(am4core.Label);
label.text = units;
label.fontSize = 16;
label.align = "left";
label.rotation=270;
label.isMeasured = false;
label.x = -10;
label.y = 50;
label.fill = am4core.color("white");
var columnTemplate = series.columns.template;
columnTemplate.strokeWidth = 1;
columnTemplate.strokeOpacity = 1;
});
您需要直接在axis对象的标签模板上设置颜色,如下所述:
am4core.ready(function() {
const units = 'km';
// Themes begin
am4core.useTheme(am4themes_animated);
// Themes end
// Create chart instance
chart = am4core.create("chartdiv", am4charts.XYChart);
// Add data
chart['data'] = [{"country":"","volume":'','Name':''}];
// Create axes
var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
categoryAxis.dataFields.category = "country";
categoryAxis.renderer.grid.template.location = 10;
categoryAxis.renderer.minGridDistance = 20;
var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
// Create series
var series = chart.series.push(new am4charts.ColumnSeries());
series.dataFields.valueY = "volume";
series.dataFields.categoryX = "country";
series.dataFields.countryNameX = "c_name";
series.name = "volume";
series.columns.template.tooltipText = "{countryNameX}: [bold]{valueY}[/] "+units;
series.columns.template.fillOpacity = .8;
//label units on left side
var label = chart.createChild(am4core.Label);
label.text = units;
label.fontSize = 16;
label.align = "left";
label.rotation=270;
label.isMeasured = false;
label.x = -10;
label.y = 50;
label.fill = am4core.color("white");
var columnTemplate = series.columns.template;
columnTemplate.strokeWidth = 1;
columnTemplate.strokeOpacity = 1;
});
categoryAxis.renderer.labels.template.fill = am4core.color("#ffffff");
valueAxis.renderer.labels.template.fill = am4core.color("#ffffff");