Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >使用xAxis的静态D3顺序

问使用xAxis的静态D3顺序
EN

Stack Overflow用户

提问于 2014-08-28 18:33:03

回答 1查看 1K关注 0票数 2

我正在尝试设置x轴的开始和结束在多个条形图上。根据对象中的日期，我可以按照接收到的顺序绘制图表。我如何重新排序x轴，以便从一个特定的月份开始，比如五月？

我给d3的月份是2位数(01，02，03等)

    var chart = nv.models.multiBarChart();

    chart.xAxis
        .tickFormat(d3.format(',f'));

    chart.yAxis
        .tickFormat(d3.format(',.1f'));

    d3.select('#chart svg')
        .datum(data())
        .transition().duration(500)
        .call(chart)
        ;

    nv.utils.windowResize(chart.update);

    return chart;
});

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-08-31 16:45:45

NVD3多条图的x轴使用d3序号刻度.序数标度的域(数据值)被定义为类别数组；这些类别按照它们在数组中出现的顺序由轴使用。

正如您已经发现的，默认行为--如果没有显式设置域--是按照数据中显示的顺序添加每个新类别。这就是NVD3所使用的。

要对x轴类别进行排序，您有两个选择：

在将数据传递到图表之前对其进行排序。This answer describes how to do that.。
在使用NVD3图表对象的.xDomain(array)方法运行图表之前，显式地设置x域。

传递给xDomain方法的数组应该具有所需的所有x值，按所需的顺序排列。如果你知道具体的分类，你可以硬编码在你的程序。一种更灵活的方法是从数据中生成它，方法是使用array.map从每个数据对象中提取相关变量，然后使用array.sort以正确的顺序获得它们。

(您可以在排序之前删除重复项-- see this Q&A for examples of how --但这不是必需的。)

票数 3

EN

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

原文链接：

https://stackoverflow.com/questions/25560862

复制

相关文章

java的静态属性，静态块，构造函数的执行顺序

今天为了搞清楚实例化一个对象时其属性等的实例化顺序，写了下面的例子来探究：实例化一个C的对象，其中，A为其静态属性，B为其普通属性；D为C的父类，E为D的静态属性，F为D的普通属性；C中还包含了静态代码块和普通代码块。 package com.yawn; public class Test3 { public static void main(String[] args) { System.out.println("-------第1次实例化-------"); new C(); Sys

yawn

2018/03/14

1.1K0

CMake和静态库顺序

C/C++程序的许多同学被静态库的依赖折腾，因为默认情况下要求被依赖的库放在依赖它的库后面，当一个程序或共享库依赖的静态库较多时，可能会陷入解决链接问题的坑中。如果对静态库不熟悉，需要结构nm等工具来解决顺序问题。

一见

2018/12/25

6.8K0

DS静态查找之顺序查找

队列数据数组算法字符串

第一行输入n，表示队列有n个数据第二行输入n个数据，都是正整数，用空格隔开第三行输入t，表示有t个要查找的数值第四行起，输入t个数值，输入t行

叶茂林

2023/07/30

1630

类的实例化顺序：静态数据、构造函数和字段的执行顺序详解

jvm 增强现实 2023腾讯·技术创作特训营第二期 java

在面向对象编程中，类的实例化是一个重要的概念。当我们创建一个类的实例时，其中涉及到多个步骤，包括父类和子类的静态数据初始化、构造函数的执行以及字段的初始化。本文将深入探讨类的实例化顺序，解释每个步骤的执行时机和逻辑，帮助您更好地理解这个过程。

疯狂的KK

2023/09/25

8800

类的实例化顺序：静态数据、构造函数和字段的执行顺序详解

Java类的初始化顺序_java静态类初始化顺序

编程算法 java https 网络安全

类变量先分配内存并且赋值为默认值，再进行初始化。类变量和对象变量初始化顺序都为从上到下初始化，有变量初始化，代码块初始化，构造器初始化

全栈程序员站长

2022/09/22

7330

JavaScript d3使用指南

html svg https 网络安全

可以自己在html中试一试这一段代码(仔细看，我是直接引用了网络上的d3库，所以在网上都可以正常运行)

全栈程序员站长

2022/11/18

1.8K0

echarts ProfileyAxis xAxis触发鼠标事件

triggerevent 可以用来触发指定对象的指定事件，并且立即执行该事件中的脚本。

李维亮

2021/07/08

2.6K0

Java静态代码块执行方法和顺序

执行代码块格式： static{ procudure... } 特点：随着类的加载而执行，且只执行一次，并优先于主函数。用于给类初始化。执行顺序：示例：静态代码块随着类的加载而加载有多个静态代码块的，按代码块前后顺序加载一个代码块，只执行一次 class StaticCode1{ static{ System.out.println("x"); } } public class StaticDemo1{ static{

休辞醉倒

2019/07/25

1.6K0

再议GCC编译时的静态库依赖顺序问题

使用上面的Makefile编译，将会遇到如下所示的“undefined reference”问题：

一见

2018/08/06

3.7K0

线性表--顺序表--静态链表(八)

编程算法存储

前面的链表都是使用指针类型实现的，并且都是由系统提供的函数malloc和free动态实现，被称之为动态链表，像C，C++，是拥有“指针”这类数据类型的，不需要使用静态链表，而对于BASIC，FORTRAN之类的高级语言中，并没有提供“指针”这类数据类型，若要继续采用链表作为数据的存储结构，只能采用数组来模拟实现链表，所以下面的知识是针对没有“指针”类型的高级语言而用数组设计的拥有链表存储结构的静态链表。一起往下看。

花狗Fdog

2020/10/28

6190

线性表--顺序表--静态链表(八)

【D3使用教程】(4) 添加数轴

svg axis d3 函数教程

D3的数轴实际商是由程序员自己来定义参数的函数。调用数轴函数，会生成数轴相关的可见元素，包括轴线、标签和刻度。

前端修罗场

2023/10/07

2850

【D3使用教程】(4) 添加数轴

DS静态查找之顺序索引查找

int 队列数据数组索引

要求使用顺序索引查找算法，其中索引表查找和块内查找都采用不带哨兵、从头开始的顺序查找方法。

叶茂林

2023/07/30

1980

编程算法 api javascript

D3.js提供了多种工具支持数据可视化的交互，其中d3.transition让简单而高效的为图像添加动画成为了可能。

vincentKo

2022/09/19

8860

java静态变量加载顺序_内部类为什么不能有静态

https 网络安全

我们声明一个类，这个类有个内部静态类。还有主函数，当我们启动程序之后，运行java application程序。

全栈程序员站长

2022/11/07

4130

java静态变量加载顺序_内部类为什么不能有静态

【D3使用教程】(1) 开始 | 加载数据

d3 函数教程数据字符串

在可视化编程的语境下，数据保存在数字化文件中，一般是文本格式或二进制格式。当然，并不是只有文本内容才算数据，那些表示图像、音频、视频、数据库、流、模型、文档等一切比特和字节也是数据。

前端修罗场

2023/10/07

3640

【D3使用教程】(1) 开始 | 加载数据

d3成神之路(七)：缩放区域的使用

https://github.com/d3/d3-zoom/blob/v3.0.0/README.md#_zoom

拿我格子衫来

2022/01/24

6170

d3成神之路(七)：缩放区域的使用

Java 静态块、构造块、构造函数执行顺序

1.静态块：用static声明，JVM加载类时执行，仅执行一次 2.构造块：类中直接用{}定义，每次创建对象时执行 3.执行顺序优先级：静态块>main()>构造块>构造方法 4.静态块和静态属性优先执行，谁在前先执行谁。

pydata

2018/08/02

1.8K0

【D3使用教程】(3) 添加比例尺

d3 scale 函数教程数据

一般而言，任意数据集中的值不可能刚好与图表中的像素尺度一一对应。而D3中，比例尺要做的就是将数据值映射为可视图形中的可替代值得手段。

前端修罗场

2023/10/07

3480

【D3使用教程】(3) 添加比例尺

静态代码块、非静态代码块、构造函数三者执行顺序

主要探讨一下关于静态代码块，非静态代码块，构造函数的执行顺序。如有错误，欢迎指出。

HaC

2020/12/30

4960

linux动态库和静态库的使用_静态库的使用

c++打包 gcc ide

例如，用test1.c、test2.c、test3.c、test4.c以及main1.c形成可执行文件，我们需要先得到各个文件的目标文件test1.o、test2.o、test3.o、test4.o以及main1.o，然后再将这写目标文件链接起来，最终形成一个可执行程序。

全栈程序员站长

2022/11/11

4.8K0

相似问题

如何定义静态xaxis和y轴，javascript d3

12

d3 xAxis与文本的交互

11

使用xAxis图表框架保持iOS值的顺序

12

用于D3蜱的xAxis组标签

30

D3多系列线图不使用正确的xAxis值

10

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例