图表中的chart.js 甜甜圈图例

哈维尔回复

我正在使用带有圆环图的chart.js。

我想现在是否可以在图表内显示图表的值。

谢谢

在此处输入图片说明

这是我的代码:

var myChart = new Chart(document.getElementById('grafic_assistencia'), {
                type: 'doughnut',
                data :{
                    labels:['OK','NO OK'],  
                    datasets: [{
                      backgroundColor:['#5cb85c','#ff0000'],
                      data:[75,25],
                      datalabels: {
                        anchor: 'end'
                      }
                    }],
                    
                },
                options: {
                    plugins: {
                      datalabels: {
                        backgroundColor: function(context) {
                          return context.dataset.backgroundColor;
                        },
                        borderColor: 'white',
                        borderRadius: 25,
                        borderWidth: 2,
                        color: 'white',
                        display: function(context) {
                          var dataset = context.dataset;
                          var count = dataset.data.length;
                          var value = dataset.data[context.dataIndex];
                          return value > count * 1.5;
                        },
                        font: {
                          weight: 'bold'
                        },
                        padding: 6,
                        formatter: Math.round
                      }
                    },
                },
            });

莉娜莉

是的,您可以为该https://chartjs-plugin-datalabels.netlify.app/samples/charts/doughnut.html使用数据标签插件

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Chart.js HTML自定义图例问题与甜甜圈图

Chart.js圆角甜甜圈

在混合图表中Chart.js不同的甜甜圈厚度

chart.js中的甜甜圈图调整问题

d3.js甜甜圈图,外面有甜甜圈图例

Chart.js v2:甜甜圈内甜甜圈之间的空间

chart.js:甜甜圈图中的标签

Chart.js甜甜圈图大小调整

在Chart.js中向甜甜圈图中添加标签会显示每个图表中的所有值

在React中的图表js-2中的甜甜圈图中添加文本

Chart.js(甜甜圈图)中的内部半径未更改

甜甜圈Chart.JS中是否有办法显示100%

如何在图表js甜甜圈图中添加FAHRENHEIT符号

如何在甜甜圈c3.js图表标题中添加样式

重绘旧的甜甜圈并通过单击每种颜色Chart.js创建一个新的甜甜圈

D3.js将图例赋予带内圈的甜甜圈图

如何使用Chart.js创建单值甜甜圈或饼图?

Chart.js - 甜甜圈显示活动段工具提示(点击外部按钮)

在Chart.js甜甜圈图上检测onHover是否完成

如何在Chart.js甜甜圈图上显示第二组标签?

Chart.js 2.0甜甜圈工具提示百分比

使用Chart js插件创建类似甜甜圈图的弧线

如何自定义Chart.js 2.0甜甜圈图的工具提示?

Chart.js甜甜圈动画/顺时针绘制

如何摆脱chart.js甜甜圈图中较大的左右边距?

如何在Chart.js的甜甜圈图中使用径向CanvasGradients?

如何使用Chart.js在甜甜圈图中添加文本?

如何更改chart.js甜甜圈图上的鼠标光标?

如何在Chart.js甜甜圈图中添加第二组标签?