相关疑难解决方法(0)

如何自定义Chart.js 2.0 Donut Chart的工具提示?

我正在尝试使用Chart.js2中的圆环图显示一些数据.

我目前的图表如下所示:

目前的图表

我想要的输出必须显示另一个属性,即百分比,如下所示:

所需的图表与百分比

我已经阅读了文档,但我无法应对这一点,因为它非常通用,我是JavaScript的新手.

我的第一个图表的代码如下:

const renderCashCurrencyPie = (cashAnalysisBalances) => {
  if (cashAnalysisBalances) {
    const currenciesName = cashAnalysisBalances
    .map(curName => curName.currency);

    const availableCash = cashAnalysisBalances
    .map(avCash => avCash.availableCash);

    let currenciesCounter = 0;
    for (let i = 0; i < currenciesName.length; i += 1) {
      if (currenciesName[i] !== currenciesName[i + 1]) {
        currenciesCounter += 1;
      }
    }

    const currenciesData = {
      labels: currenciesName,
      datasets: [{
        data: availableCash,
        backgroundColor: [
          '#129CFF',
          '#0C6DB3',
          '#FF6384',
          '#00FFFF'
        ],
        hoverBackgroundColor: [
          '#FF6384',
          '#36A2EB',
          '#FFCE56',
          '#00FFFF'
        ] …
Run Code Online (Sandbox Code Playgroud)

javascript customization tooltip chart.js2

22
推荐指数
3
解决办法
5万
查看次数

标签 统计

chart.js2 ×1

customization ×1

javascript ×1

tooltip ×1