如何在 amchart pieSerie 工具提示上显示多个值

如何解决如何在 amchart pieSerie 工具提示上显示多个值

我使用 amchart4 pieSeries 来构建图表。

我想在工具提示上显示多个值。目前，我在悬停饼图时只有一个值。如何在一个工具提示中显示“完成”、“进度”和“拒绝”的值？

请在下面找到我的代码：

var url = 'CGetWilayahRTGS';

$.get(url,function (data) {
    
    // Themes begin
    am4core.useTheme(am4themes_animated);
    // Themes end
    // Define marker path
    // Create map instance
    var chart = am4core.create('chartdiv',am4maps.MapChart);

    // Set map deFinition
    chart.geodata = am4geodata_indonesiaLow;

    // Set projection
    chart.projection = new am4maps.projections.Miller();

    // Create map polygon series
    var polygonSeries = chart.series.push(new am4maps.MappolygonSeries());
    polygonSeries.exclude = ['antarctica'];
    polygonSeries.useGeodata = true;

    var polygonTemplate = polygonSeries.mappolygons.template;
    polygonTemplate.tooltipText = '{name}';
    polygonTemplate.fill = am4core.color('#ededeb');

    var hs = polygonTemplate.states.create('hover');
    hs.properties.fill = am4core.color('#f55302');

    // Create an image series that will hold pie charts
    var pieSeries = chart.series.push(new am4maps.MapImageSeries());

    var pieTemplate = pieSeries.mapImages.template;
    pieTemplate.propertyFields.latitude = 'latitude';
    pieTemplate.propertyFields.longitude = 'longitude';

    var pieChartTemplate = pieTemplate.createChild(am4charts.PieChart);
    pieChartTemplate.adapter.add('data',function (data,target) {
        if (target.dataItem) {
        return target.dataItem.dataContext.pieData;
        } else {
        return [];
        }
    });
    pieChartTemplate.propertyFields.width = 'width';
    pieChartTemplate.propertyFields.height = 'height';
    pieChartTemplate.horizontalCenter = 'middle';
    pieChartTemplate.verticalCenter = 'middle';

    var pieTitle = pieChartTemplate.titles.create();
    pieTitle.text = '{title}';

    var pieSeriestemplate = pieChartTemplate.series.push(new am4charts.PieSeries());
    pieSeriestemplate.datafields.category = 'category';
    pieSeriestemplate.datafields.value = 'value';
    pieSeriestemplate.labels.template.disabled = true;
    pieSeriestemplate.ticks.template.disabled = true;
    pieSeriestemplate.slices.template.propertyFields.fill = 'color';
    pieSeriestemplate.slices.template.stroke = am4core.color('#fff');
    pieSeriestemplate.propertyFields.dummyData = 'pieData';
    //    pieSeriestemplate.slices.template.tooltipText = "[bold]{title}[/]\n {category}:{value}";
    pieSeriestemplate.slices.template.tooltipHTML =
        "<div style='width: 140px; margin: 2px;'> <b>{title}<b><br>{category}{value}</div>";

    pieSeries.data = [
        {
        title: 'Medan',latitude: 3.5951956,longitude: 98.6722227,width: 50,height: 50,pieData: [
            {
            category: 'Done',value: data.done1,color: am4core.color('#3ec2d6'),},{
            category: 'Progress',value: data.progress1,color: am4core.color('#6c8080'),{
            category: 'Reject',value: data.reject1,color: am4core.color('#fe7701'),],];
});