javascript — добавьте еще одно поле для легенды в amcharts, чтобы показать процент

Я использую amcharts для создания круговой диаграммы для некоторых деталей в codeigniter, и я использую круговую диаграмму с легендой (http://www.amcharts.com/demos/pie-chart-with-legend/) и я сделал просмотр легенды с заголовком и значением, как в демоверсии. Теперь я хочу добавить еще одно поле для легенды, которое отображает соответствующий процент в строке для каждого. Есть ли ключевое слово или метод для этого? Я новичок в программировании.
Вот мой код ..

$data['chartOne'] = $this->prepareJson($totalQuotations, "q");
$data['chartTwo'] = $this->prepareJson($totalContribution, "c");

<script type = "text/javascript">
var chart1 = AmCharts.makeChart( "salesReportPerformanceChartdiv",' . $data["chartOne"] . ');
var chart2 = AmCharts.makeChart( "salesReportContributionChartdiv",' . $data["chartTwo"] . ');
</script>';public function prepareJson($data, $type) {
$chatData = [];
foreach ($data as $status) {
$stustotal = new \stdClass();
$stustotal->y = $status->count;
if ($type == "q") {
$stustotal->x = $status->status_name;
} else if ($type == "c") {
$stustotal->x = $status->user_name;
}
array_push($chatData, $stustotal);
}

$listeners = new \stdClass();
$listeners->method = addLegendLabel;
$listeners->event = "drawn";

$export = new \stdClass();
$export->enabled = true;

$legend = new \stdClass();
$legend->position = "right";
$legend->markerType = "circle";
$legend->autoMargins = true;

$feOffset = new \stdClass();
$feOffset->result = "offOut";
$feOffset->in = "SourceAlpha";
$feOffset->dx = 0;
$feOffset->dy = 0;

$feGaussianBlur = new \stdClass();
$feGaussianBlur->result = "blurOut";
$feGaussianBlur->in = "offOut";
$feGaussianBlur->stdDeviation = 5;

$feBlend = new \stdClass();
$feBlend->in = "SourceGraphic";
$feBlend->in2 = "blurOut";
$feBlend->mode = "normal";

$filter = new \stdClass();
$filter->id = "shadow";
$filter->width = "200%";
$filter->height = "200%";
$filter->feOffset = $feOffset;
$filter->feGaussianBlur = $feGaussianBlur;
$filter->feBlend = $feBlend;

$defs = new \stdClass();
$defs->filter = $filter;

$chart = new \stdClass();
$chart->type = "pie";
$chart->startDuration = 0;
$chart->theme = "light";
$chart->addClassNames = true;
$chart->legend = $legend;
$chart->innerRadius = "85%";
$chart->defs = $defs;
$chart->dataProvider = (array)$chatData;
$chart->valueField = "y";
$chart->titleField = "x";
$chart->labelRadius = 5;
$chart->radius = "42%";
$chart->labelText = "";
$chart->listeners = $listeners;
$chart->export = $export;

$chartJSON = json_encode($chart);

return $chartJSON;
}

1

Решение

Вы можете настроить легенду valueText включить проценты, добавив [[percents]] шорткод к строке. По умолчанию установлено "[[value]]", В вашем случае, похоже, вы должны установить его через свой $legend переменная. Вы также можете установить valueWidth для размещения более длинной строки значения, например, так:

$legend->valueText = "[[value]] [[percents]]%"; //customize as needed
$legend->valueWidth = 100; //adjust as needed so it doesn't overlap

скрипка

0

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]