首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何禁用Chart.js雷达图点标签

如何禁用Chart.js雷达图点标签
EN

Stack Overflow用户
提问于 2016-06-25 17:23:33
回答 1查看 4.4K关注 0票数 2

我使用Chart.js版本: 2.1.6创建一个雷达图表,如下所示:

我正在尝试禁用点标签(在图片上标记为红色)。

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

代码语言:javascript
复制
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
    });
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-06-25 17:34:47

options.tooltips.enabled = false

这就是你要找的吗?

公共图表配置

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38031060

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档