【问题标题】:Data label not showing in some pie chart handles Highchart某些饼图句柄中未显示数据标签 Highchart
【发布时间】:2019-06-19 17:14:42
【问题描述】:

我在 highchart 饼图中遇到了一个奇怪的问题。

如果点数超过 6 并且其中一个点具有 小于 1.2% 的百分比,较小的点不会显示数据标签。

我不确定这是否是确切的场景。

这是我的 javascript 文件

    Highcharts.chart('container', {
    chart: {
        type: 'pie'
    },
    series: [{
        name: 'Brands',
        data: [
        {name: "Nike", y: 91.6},
        {name: "Adidas", y: 2.2},
        {name: "Puma", y: 2.0},
        {name: "Skechers", y: 1.6},
        {name: "North face", y: 1.4},
        {name: "Asics", y: 1.2},
    ],
    }],
});

还有This is my jsfiddle

谁能帮我解决这个问题?

【问题讨论】:

    标签: jquery highcharts pie-chart


    【解决方案1】:

    通过设置series.dataLabels.padding : 0,您可以像这样显示所有标签:

    series: [{
      name: 'Brands',
      dataLabels: {
        padding: 0
      },
      data: [{
          name: "Nike",
          y: 91.6
        },
        {
          name: "Adidas",
          y: 0.2
        },
        {
          name: "Puma",
          y: 0.2
        },
        {
          name: "Skechers",
          y: 1.6
        },
        {
          name: "North face",
          y: 0.2
        },
        {
          name: "Asics",
          y: 0.2
        },
      ]
    }]
    

    Fiddle

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-06-23
      • 1970-01-01
      • 1970-01-01
      • 2017-10-15
      • 1970-01-01
      • 1970-01-01
      • 2013-10-20
      • 1970-01-01
      相关资源
      最近更新 更多