Question

（之前我问了一个类似的问题，但问题又出现了。）

我有一个使用ZingCharts的非常简单的饼图，但即使ZingCharts网站上的所有示例都显示每个切片的百分比，我也无法显示百分比。请注意，我正在使用价值框。我正在使用CDN中最新版本的ZingCharts：https://cdn.zingchart.com/zingchart.min.js

请注意，我正在寻找显示在切片上的百分比，而不是在值框中，该值是通过一行附加到每个切片的文本。

这是我的代码：

<div id="pie-chart">&nbsp;</div>

<script>
var slices = var slices = slices = [
    {"values":[59],"text":"USA"},
    {"values":[55],"text":"UK"}
];

var chartData = {
    "type":"pie",
  "plot":{
    "value-box":{
      "visible":true,
      "placement":"out",
      "text":"%t (%v)"
    }
  },
    "series": slices
};

zingchart.render({
        id:"pie-chart",
        data: chartData,
        height:400,
        width:"100%"
    });
</script>

我想使用标准饼图，而不是具有更多效果的饼图。

Answer 1

要在图表上显示百分比值，您需要使用显示原始值的%npv（node-percent-value）标记而不是%v标记。饼图类型页面中的更多信息：http://www.zingchart.com/docs/chart-types/pie/

请注意，值框的默认功能是

       "value-box" : {
          "placement" : "in",
          "text" : "%npv%"
       }

因此，您可以选择从JSON中省略它。在下面的示例中，我已明确显示带有选项的JSON。

＆＃13;

var slices = [
  {"values":[59],"text":"USA"},
  {"values":[55],"text":"UK"}
];
var chartData = {
    "type":"pie",
    "series": slices,
    "plot" : {
       "value-box" : {
          "placement" : "in",
          "text" : "%npv%"
       }
     }
};

zingchart.render({
        id:"pie-chart",
        data: chartData,
        height:400,
        width:"100%"
    });

＆＃13;

<script src="https://cdn.zingchart.com/zingchart.min.js"></script>
<div id="pie-chart"></div>

＆＃13;

ZingChart饼图切片的百分比

1 个答案: