问题描述
我使用 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'),],];
});
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)