【问题标题】:How to disable Chart.js Radar Chart point labels如何禁用 Chart.js 雷达图点标签
【发布时间】:2016-06-26 01:59:22
【问题描述】:

我使用 Chart.js 版本:2.1.6 创建雷达图,如下所示: 我正在尝试禁用点标签(在图片上标记为红色)。

我尝试了几种方法,最后将标签字体大小设置为0,但没有效果。 请帮忙,如果可以的话,这是我的代码:

var radarChartData = {
    labels: ["some labels"],
    datasets: [
        {% for data in datas %}
            {
                backgroundColor: "rgba({{ radarColors[loop.index0] }},0.2)",
                borderColor: "rgba({{ radarColors[loop.index0] }},1)",
                pointBackgroundColor: "rgba({{ radarColors[loop.index0] }},1)",
                pointBorderColor: "#fff",
                pointHoverBackgroundColor: "#fff",
                pointDot: false,
                pointLabelFontSize : 0,
                scaleShowLabels : false,
                pointHoverBorderColor: "rgba({{ radarColors[loop.index0] }},1)",
                data: [some data]
            }   {% if not loop.last %},{% endif %}
        {% endfor %}
    ]
};

var options = {
    responsiveAnimationDuration: 2000,
    maintainAspectRatio: false,
    pointDot: false,
    pointLabelFontSize: 0,
    legend: {
        position: "bottom",
        display: false
    },
    pointLabel: {
        fontSize: 0
    },
    scale: {
        ticks: {
            display: false
        },
    }
};

var ctx = $('#radar-chart').get(0).getContext("2d");
var mychart = 
    new Chart(ctx, {
        type: 'radar',
        data: radarChartData,
        options: options
    });

【问题讨论】:

    标签: chart.js radar-chart


    【解决方案1】:

    options.tooltips.enabled = false

    这就是你要找的吗?

    Common chart configuration

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-01-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多