图js:在图例中隐藏一些标签-Chartjs:hidesomelabelsinthelegend

作者：传导网络 | 来源：互联网 | 2023-05-16 13:11

Isitanywaytohidesomelabelsfromthelegendinchartjs?有没有办法隐藏一些标签在图表js中?Iknow,thatIca

Is it any way to hide some labels from the legend in chart js?

有没有办法隐藏一些标签在图表js中?

I know, that I can hide all legend, using this option: legend: { display: false } but I need to hide just a part of labels in the legend.

我知道，我可以使用这个选项:legend: {display: false}隐藏所有的legend，但是我需要在legend中只隐藏标签的一部分。

1 个解决方案

#1

I've found an answer. It is possible to generate new labels, using generateLabels function such like this:

我发现答案。使用generateLabels函数可以生成新的标签，如下所示:

legend: {
    labels: {
        generateLabels: function(chart) {
            return [
                { 
                    text: 'text',
                    fillStyle: 'red'
                }
            ]
        }    
    }
}

推荐阅读

instance
设置一个要显示在图表js上的数组 - Set an array to be displayed at Chart js

Forexampleihavethearray[1,2,3,4,5,6,7,8,9,10,11,12,13]andionlywanttodisplaythesubarray ... [详细]

蜡笔小新 2023-06-24 14:11:34
input
javascript入门·表单与表单元素总结（表单验证）

表单提交前的最后验证：通常在表单提交前，我们必须确认用户是否都把必须填选的做了，如果没有，就不能被提交到服务器，这里我们用到表单的formname.submit()看演示，其实这个对于我们修炼道 ... [详细]

蜡笔小新 2023-10-15 18:44:55
list
如何在谷歌图表API中添加链接 - How to add links in google chart api

CanIaddlinksingooglechartapi?我可以在googlechartapi中添加链接吗？Forexample,例如，HowcouldIad ... [详细]

蜡笔小新 2023-08-08 10:50:30
replace
Excel：在XY图表中为数据点添加标签 - Excel: Add labels to data points in XY chart

IwanttohavelabelsnexttodatapointsinanExcelchart.ThereisaVBAcodefromMicrosoftfor ... [详细]

蜡笔小新 2023-06-17 12:19:40
regex
Python正则表达式学习记录及常用方法

本文记录了学习Python正则表达式的过程，介绍了re模块的常用方法re.search，并解释了rawstring的作用。正则表达式是一种方便检查字符串匹配模式的工具，通过本文的学习可以掌握Python中使用正则表达式的基本方法。 ... [详细]

蜡笔小新 2023-12-13 16:37:19
import
python创建一个窗口_等一个大佬啊要求用python创建一个窗口，窗口按钮功能是创建一个球体或立方体。明天上课之前交给我...

展开全部下面的代码是创建一个立方体Thisexamplescreatesanddisplaysasimplebox.#Thefirstlineloadstheinit_disp ... [详细]

蜡笔小新 2023-12-13 16:26:09
input
Angular - 循环遍历子指令中的表单元素 - Angular - loop over form elements that are in a child directive

Ihaveaforminadirectivetemplate:我在指令模板中有一个表单:<formn ... [详细]

蜡笔小新 2023-10-17 12:22:38
blob
进度栏带有步骤和箭头（如果还有更多步骤被隐藏）

我试图制作一个进度条，如果还有更多内容仍被隐藏，则显示箭头。为了更清楚，我做 ... [详细]

蜡笔小新 2023-10-12 19:31:36
input
js中的引号嵌套问题

<!DOCTYPEhtml><html><head><metacharsetutf-8><head&g ... [详细]

蜡笔小新 2023-10-12 18:59:44
input
js中screen对象获取浏览器宽度高度的用法

Screen对象　　JS获取浏览器高度或宽度　　IE中：　　document.body.clientWidth>BODY对象宽度　　document.body.clientHeight ... [详细]

蜡笔小新 2023-10-12 16:20:05
bit
如何将Flot与AngularJS集成? - How to Integrate Flot with AngularJS?

IamnewtoAngularandFlot,butamexperiencedwithJqueryandJavascript.Iamabitconfusedabo ... [详细]

蜡笔小新 2023-08-18 07:11:18
bit
如何在Google Chart中的工具提示中自定义内容

如何在Google Chart中的工具提示中自定义内容 ... [详细]

蜡笔小新 2023-08-15 17:26:15
数组
XY图表使用dataSource

我正在使用amcharts4使用vanillaja ... [详细]

蜡笔小新 2023-07-26 14:27:53
import
PieChart快速使用图表。需要删除元素的值

PieChart快速使用图表。需要删除元素的值 ... [详细]

蜡笔小新 2023-07-16 16:18:51
import
如何使用Luxon在ChartJS中更改时间单位？

我正在使用CharJS与在github（ ... [详细]

蜡笔小新 2023-06-03 04:38:09

传导网络

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章