0

ここに画像の説明を入力 私は2つのことをしたいと思います:

1) このじょうごグラフの右側にある、黄色で強調表示されているラベルの値を変更します。

2) パーセンテージの計算方法を変更する: 通常、各カテゴリのデータに「パーセンテージ」フィールドがあり、強調表示されたラベルのパーセンテージとして表示したいと考えています。たとえば、カテゴリ「second」の data.percentage は 10% です。したがって、図に示すように 10% を表示する必要があります。

コード:

var chart = am4core.create("chartdiv", am4charts.SlicedChart);
chart.hiddenState.properties.opacity = 0; 

chart.data = [{
    "name": "The first",
    "value": 600,
    "percentage": "100%"
}, {
    "name": "The second",
    "value": 300,
    "percentage": "10%"
}, {
    "name": "The third",
    "value": 200,
    "percentage": "10%"
}, {
    "name": "The fourth",
    "value": 180,
    "percentage": "35%"
}, {
    "name": "The fifth",
    "value": 50,
    "percentage": "20%"
}];

var series = chart.series.push(new am4charts.FunnelSeries());
series.colors.step = 2;
series.dataFields.value = "value";
series.dataFields.category = "name";
series.alignLabels = true;

series.labelsContainer.paddingLeft = 15;
series.labelsContainer.width = 200;

シリーズオブジェクトには、ラベル値を含むラベルというメンバーがあることがわかりましたが、コード自体でそれらを変更する方法がわかりません。どうすればいいですか?

4

1 に答える 1