Question

我正在尝试自定义Chartist饼图的标签，以便它同时显示标签和值。因此，在下面的示例中，我希望标签显示“香蕉-20”，“苹果-15”，“葡萄-40”。我知道我可以更改标签：，但是有没有办法使用labelInterpolationFnc来做到这一点？

https://jsfiddle.net/ckmz7L1p/

var data = {
  labels: ['Bananas', 'Apples', 'Grapes'],
  series: [20, 15, 40]
};

var options = {
  labelInterpolationFnc: function(value) {
    return value[0]
  }
};

var responsiveOptions = [
  ['screen and (min-width: 640px)', {
    chartPadding: 30,
    labelOffset: 100,
    labelDirection: 'explode',
    labelInterpolationFnc: function(value) {
      return value;
    }
  }],
  ['screen and (min-width: 1024px)', {
    labelOffset: 80,
    chartPadding: 20
  }]
];

new Chartist.Pie('.ct-chart', data, options, responsiveOptions);

Answer 1

知道了。没有意识到labelInterpolationFnc可以同时使用值和索引参数。

Serializable

沙特派Pie Char Custom标签

1 个答案: