Javascript 给出'；%'；关于条形图Datalabel Chartjs

我正在使用

chartjs

，我想知道如何在条形图的datalabel上指定“%”。我的代码如下所示：

data: {
    datasets: [{
        label: 'My Label',
        data: <?php echo json_encode($myData); ?> // contains number like: 77.43, 78.22, etc
        datalabels: {
            align: 'end',
            anchor: 'end'
        }
    }],

    labels: <?php echo json_encode($myLabel); ?>
}

数据：{
数据集：[{
标签：“我的标签”，
data://包含的数字类似于：77.43、78.22等
数据标签：{
对齐：“结束”，
主持人：“结束”
}
}],
标签：
}

---

我试图像这样放置字符串“%”数据：+'%，但它只返回一个空白页。因此，任何人都可以帮助我解决这个问题？

在php代码周围添加引号，并以逗号结尾：

数据：“”，

在php代码周围添加引号，并以逗号结尾：

数据：“”，

您可以通过以下方式设置

工具提示

：

data: {
    datasets: [{
        label: 'My Label',
        data: <?php echo json_encode($myData); ?> // contains number like: 77.43, 78.22, etc
        datalabels: {
            align: 'end',
            anchor: 'end'
        }
    }],

    labels: <?php echo json_encode($myLabel); ?>
},
options: {            
    tooltips: {
        callbacks: {
            label: function(tooltipItems, data) {
                return data.datasets[tooltipItems.datasetIndex].label +': ' + tooltipItems.yLabel + ' %';
            }
        }
    }
}

数据：{
数据集：[{
标签：“我的标签”，
data://包含的数字类似于：77.43、78.22等
数据标签：{
对齐：“结束”，
主持人：“结束”
}
}],
标签：
},
选项：{
工具提示：{
回调：{
标签：函数（工具提示项、数据）{
返回数据.datasets[tooltipItems.datasetIndex].label+'：'+tooltipItems.yLabel+'%；
}
}
}
}

---

参考：

您可以通过以下方式设置

工具提示：

data: {
    datasets: [{
        label: 'My Label',
        data: <?php echo json_encode($myData); ?> // contains number like: 77.43, 78.22, etc
        datalabels: {
            align: 'end',
            anchor: 'end'
        }
    }],

    labels: <?php echo json_encode($myLabel); ?>
},
options: {            
    tooltips: {
        callbacks: {
            label: function(tooltipItems, data) {
                return data.datasets[tooltipItems.datasetIndex].label +': ' + tooltipItems.yLabel + ' %';
            }
        }
    }
}

数据：{
数据集：[{
标签：“我的标签”，
data://包含的数字类似于：77.43、78.22等
数据标签：{
对齐：“结束”，
主持人：“结束”
}
}],
标签：
},
选项：{
工具提示：{
回调：{
标签：函数（工具提示项、数据）{
返回数据.datasets[tooltipItems.datasetIndex].label+'：'+tooltipItems.yLabel+'%；
}
}
}
}

参考资料：
因此，我在
Chartjs
Github官方页面上找到了解决方案。我只需要把

formatter: function (value) {
    return value + "%";
}

内部
datalabels

它与
yAxes
选项中的
callback
类似

参见
因此，我在Github官方页面上找到了解决方案。我只需要把

formatter: function (value) {
    return value + "%";
}

内部
datalabels

它与
yAxes
选项中的
callback
类似

请看
提供给图表的数据应该是这样的
数据：[20,10]
或
数据：[{x:'2016-12-25'，y:20}，{x:'2016-12-26'，y:10}]
。您正在尝试添加
%
，这可能会导致图表损坏。我知道了，那么您是否有任何解决方案使每个值都有“%”？我在
chart.js的官方文档中没有看到任何这样的
选项
来添加带有
值%
的
标签。他们似乎只支持
传奇
是的，我在他们的文档中搜索过，这就是我带着这个问题来到这里的原因。图例和工具提示是非常有用的选择now@RohitBatra我找到了答案，检查我的答案给图表的数据应该是这样的
数据：[20,10]
或
数据：[{x:'2016-12-25'，y:20}，{x:'2016-12-26'，y:10}]
。您正在尝试添加
%
，这可能会导致图表损坏。我知道了，那么您是否有任何解决方案使每个值都有“%”？我在
chart.js的官方文档中没有看到任何这样的
选项
来添加带有
值%
的
标签。他们似乎只支持
传奇
是的，我在他们的文档中搜索过，这就是我带着这个问题来到这里的原因。图例和工具提示是非常有用的选择now@RohitBatra我找到了答案，检查我的答案我已经试过了，但它返回了一个空白页面我已经试过了，但它返回了一个空白页面工具提示不是我想要的解决方案，先生，我只想它出现在datalabel上。但这将是一个非常有用的选择，因为工具提示不是我想要的解决方案，先生，我只希望它出现在datalabel上。但这将是一个非常有用的选择