Question

请考虑以下代码段：

function drawChart() {
      var slice_1 = ['A', 15];
      var slice_2 = ['B', 40];
      var slice_3 = ['C', 50];
      var slice_4 = ['D', 40];
      var series = [slice_1, slice_2, slice_3,slice_4];
      var data = [series];

      var options = {
        seriesColors: ["#00aeef", "#FFBF00", "#0CDA08", "#FF1926"],
        seriesDefaults: {
        renderer: jQuery.jqplot.PieRenderer
        },
        legend: { show:true, location: 'e' }
      };

      $.jqplot('chartDivId', data, options);
    }

在上面，我如何在饼图中获得百分比？我尝试了很多东西，但可以使它工作。

我补充说：

  rendererOptions: {
          // Put data labels on the pie slices.
          // By default, labels show the percentage of the slice.
          showDataLabels: true,
          dataLabels: 'value',
          dataLabelFormatString:'%.4f'
        }

但是百分比没有出现在饼图中。

Answer 1

我使用了上面的代码段（您发布的代码段），我能够以'百分比'显示标签

您只需在showDataLabels: true内使用rendererOptions即可默认情况下，showDataLabels会以百分比显示标签。

无需下面的代码。删除这两行

dataLabels: 'value',
dataLabelFormatString:'%.4f'

这是一个适合您代码的JSFiddle：Pie Chart - Show labels in percentages

另外，请务必在rendererOptions

中添加seriesDefaults

您还可以在此处查看示例：jqPlot - Pie Chart

希望它有所帮助。

jqplot饼图百分比添加

1 个答案: