Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >dygraphs禁用两个系列的图例

dygraphs禁用两个系列的图例
EN

Stack Overflow用户
提问于 2017-01-30 22:39:48
回答 2查看 873关注 0票数 4

我创建了一个带有图表的网站,为了生成图表,我使用了dygraphs库。图表显示三系列数据(测量值和公差)

如何禁用公差的图例?一个或多个系列的dygraphs图例是否可行?

EN

回答 2

Stack Overflow用户

发布于 2017-01-31 16:03:05

是。如果你使用的是dygraph 2.0或更高版本,你可以用legendFormatter来做这件事。您可以使用legendFormatter自定义图例的格式以满足您的需求。但是,如果您只想隐藏两个系列,最简单的方法是从series数组中删除Min和Max系列,并将其交还给默认格式化程序:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
g = new Dygraph(
    document.getElementById("graph"),
    "X,Y,min,max\n" +
    "1,6,3,12\n" +
    "2,3,3,12\n" +
    "3,4,3,12\n" +
    "4,6,3,12\n" +
    "5,8,3,12\n" +
    "6,10,3,12\n" +
    "7,12,3,12\n" +
    "8,10,3,12\n",
    {
      legend: 'always',
      series: {
        min: { color: 'red' },
        max: { color: 'red' },
      },
      legendFormatter: function(data) {
        data.series = [data.series[0]];  // pick whichever series you want to keep
        return Dygraph.Plugins.Legend.defaultFormatter.call(this, data);
      }
    });

参见fiddle

票数 3
EN

Stack Overflow用户

发布于 2019-11-21 07:51:26

您可以使用this函数设置图例的格式-

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
LegendFormatter(data) {
if (data.x == null) {
  // This happens when there's no selection and {legend: 'always'} is set.
  return data.series.map(function(series) { 
if(series.labelHTML != 'counter_label')
return series.dashHTML + ' ' + series.labelHTML }).join(' ');
}
var html = data.xHTML;
return html;
}

上面的代码将返回除标签为'counter_ label‘的系列之外的所有图例。在代码中进行必要的修改,以便为您的要求应用两个条件。

在定义图表时,请使用以下格式来指定图表:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
this.graph = new Dygraph(document.getElementById("graph_div"), 
    this.data,
    {
      legend: 'always',
      drawPoints: true,
      animatedZooms: true,
      showRoller: true,
      rollPeriod: 14,
      legendFormatter: this.LegendFormatter,
    });

这里将根据需要使用legendformatter函数来格式化图例。

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

https://stackoverflow.com/questions/41946680

复制
相关文章
python中的reduce函数
在python3中,内置函数中已经没有reduce了。要使用reduce,需要从functools模块里引入
Python学习者
2023/09/09
1580
python中reduce函数的用法
reduce:将一个可以迭代的对象应用到两个带有参数的方法上,我们称这个方法为fun,遍历这个可迭代的对象,将其中元素依次作为fun的参数,但是这个函数有两个参数,那些作为参数呢?
用户7886150
2021/01/12
5900
python的reduce()函数
reduce()函数是Python内置的一个高阶函数。 reduce()函数接收的参数和 map()类似,一个函数 f,一个list,但行为和 map()不同,reduce()传入的函数 f 必须接收两个参数,reduce()对list的每个元素反复调用函数f,并返回最终结果值。 例如,编写一个f函数,接收x和y,返回x和y的和: 1 2 def f(x, y): return x + y 调用 reduce(f, [1, 3, 5, 7, 9])时,reduce函数将做
用户1214487
2018/01/24
6570
[Python]reduce() 函数
Python reduce() 函数 reduce() 函数会对参数序列中元素进行累积。 函数将一个数据集合(链表,元组等)中的所有数据进行下列操作:用传给 reduce 中的函数 function(有两个参数)先对集合中的第 1、2 个元素进行操作,得到的结果再与第三个数据用 function 函数运算,最后得到一个结果。
唯一Chat
2020/02/25
6470
python: reduce函数
python3 中,reduce()函数已经被从 全局名字空间 里移除了。 转而被放置到了 fucntools模块里 。
JNingWei
2018/09/28
6100
Python reduce()函数
MapReduce: Simplified Data Processing on Large Clusters Jeffrey Dean and Sanjay Ghemawat https://research.google.com/archive/mapreduce.html 这篇来自谷歌的论文介绍了map/reduce,摘录如下: Abstract MapReduce is a programming model and an associated implementation for
Steve Wang
2018/02/05
7030
python reduce函数
python内置函数reduce 和 map/filter等函数有点类似,都是通过函数对迭代器中的元素进行遍历操作,唯一区别是reduce函数是返回计算结果是一个值,而map/filter是返回一个序列或者迭代器,下面在做详细解释
猿说编程[Python和C]
2020/03/12
8620
【Python】列表 List ① ( 数据容器简介 | 列表 List 定义语法 | 列表中存储类型相同的元素 | 列表中存储类型不同的元素 | 列表嵌套 )
Python 中的 数据容器 数据类型 可以 存放多个数据 , 每个数据都称为 元素 , 容器 的 元素 类型可以是任意类型 ;
韩曙亮
2023/10/11
2820
【Python】列表 List ① ( 数据容器简介 | 列表 List 定义语法 | 列表中存储类型相同的元素 | 列表中存储类型不同的元素 | 列表嵌套 )
Python 列表中的sort函数
列表中的sort函数 功能 对当前列表按照一定规律排序 用法 list.sort(key=None, reverse=False) 参数 key - 参数比较 reverse –排序规则 reverse = True 降序 reverse = False 升序 ( 默认 ) key涉及函数学习,我们在日后讲解当前默认不传即可 注意事项 列表中的元素类型必须相同 , 否则无法排序(报错) 字典也可以排序, key或者value排序 代码 # coding:utf-8 shu = '01老鼠' niu =
Zkeq
2022/05/18
2.4K0
绑定事件中 如可控制函数的执行次数
var flag = true; function onlyOne() { if(flag) { "这里是要执行的代码"; } flag = false//该方法是控制函数仅执行一次 因为flag是全局变量 onlyOne()函数执行一次后flag就变成false了 函数就执行不了了
大当家
2018/06/28
2.3K0
JS的内建函数reduce
@(js) reduce函数,是ECMAScript5规范中出现的数组方法。在平时的工作中,相信大家使用的场景并不多,一般而言,可以通过reduce方法实现的逻辑都可以通过forEach方法来变相的实现,虽然不清楚浏览器的js引擎是如何在C++层面实现这两个方法,但是可以肯定的是reduce方法肯定也存在数组的遍历,在具体实现细节上是否针对数组项的操作和存储做了什么优化,则不得而知。 ---- [TOC] 数组的reduce方法的应用 reduce方法有两个参数,第一个参数是一个callback,用于针对数
欲休
2018/03/15
1.5K0
【说站】python迭代中删除列表项目
2、通过分配给slice somelist[:],改变现有列表以仅包含想要的项目。
很酷的站长
2022/11/24
1.6K0
【说站】python迭代中删除列表项目
PHP array_reduce() 函数
array_reduce() 函数向用户自定义函数发送数组中的值,并返回一个字符串。
用户1448800
2021/08/19
4470
如何在环境中存储配置
关于「在环境中存储配置」,是 The Twelve-Factor App 倡导的方法论之一。通常,应用的配置在不同环境(预发布、生产环境、开发环境等等)间会有很大差异,比如说数据库的用户名密码等等配置,通过把配置和代码分离,我们可以保证部署在不同环境的代码完全一致,如何把配置和代码分离呢?最佳实战是把配置存储到环境变量中,它可以非常方便地在不同的部署间做修改,却不动一行代码;与配置文件不同,不小心把它们签入代码库的概率微乎其微;此外环境变量与语言和系统无关。
LA0WAN9
2021/12/14
1.2K0
Python 3.x中reduce()函数完整用法
在Python 3.x中,reduce()不再是内置函数,而是移到了标准库functools中,需要先导入再使用,其官方解释如图所示:
Python小屋屋主
2018/07/23
7190
Python 3.x中reduce()函数完整用法
如何在Dart中合并列表
在 Dart 编程中,List 数据类型类似于其他编程语言中的数组。列表用于表示对象的集合。它是一组有序的对象。Dart 中的核心库负责 List 类的存在、创建和操作。有 5 种方法可以组合两个或多个列表:
徐建国
2021/12/01
2.1K0
点击加载更多

相似问题

如何在PHP中退出数组迭代函数(array_reduce)

58

迭代器中reduce和reduce的区别

22

如何在reduce函数中填充新列表- Kotlin

213

如何在C#中迭代列表中的每个列表?

12

对列表中的每个项目进行迭代的函数

12
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文