如何在极坐标图区域的chart.js中添加标签

时间:2017-03-23 13:21:22

标签: javascript canvas chart.js

我正在显示极地图表。但如何在饼图中显示标签,如下面的屏幕

Chart

这是我的代码: Code

2 个答案:

答案 0 :(得分:0)

还有另一个库名称chartnew.js(chart.js的修改版本),你可以用它来做。 图表 https://github.com/FVANCOP/ChartNew.js/

使用inGraphDataShow : true

此图表的

Chart generator

答案 1 :(得分:0)

您可以在图表的选项部分添加工具提示,它们会在悬停时出现,希望此代码有所帮助(我知道这不是按要求显示在部分内部,但可能会有所帮助,直到问题得到解决)。

    options: {
        responsive: true,
        legend: {
            display: false,
        },
        layout: {
            padding: 5
        },
        hover: {
            mode: 'nearest'
        },
        animation: {
            duration: 2000
        },
        tooltips: {
            titleFontSize: 0,
            bodyFontSize: 12,
            bodySpacing: 12,
            displayColors: false,
            callbacks: {
                label: function (tooltipItem, data) {
                    var dataset = data.datasets[tooltipItem.datasetIndex];
                    var tooltip = dataset.tooltip[tooltipItem.index];
                    return items;
                },
            }
        },
    }