繁体   English   中英

_.sortBy d3图表的对象键值

_.sortBy object key value for d3 chart

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我知道您不应该对javascript对象进行排序,但是我需要一个d3图表。 我有一个对象,其键值为FICO得分范围,并且具有该范围内的计数值

var counts = {680-700: 30, 620-640: 41, 640-660: 24, 660-680: 10}

我需要返回一个排序的对象,以便最低值的键排在最前面。

var desired_obj = { 620-640: 41, 640-660: 24, 660-680: 10, 680-700: 30  }

我尝试使用_.sortBy,但它仅返回值

 _.sortBy(counts, function(val, key) { return val })
1 个回复

如评论中所述,JavaScript对象的显式键中没有顺序 (来源: https : //stackoverflow.com/a/5525820/1007263

如果需要确保顺序,则必须将对象转换为数组。 您可以使用下划线轻松地做到这一点:

a = {a:1, b:3, c:2}
_.map(a, function(value, key) { return {key: key, value: value} })
// [{"key":"a","value":1},{"key":"b","value":3},{"key":"c","value":2}]

您可以使用链对映射后进行排序:

_.chain(a).map(function(value, key) { return {key: key, value: value} }).sortBy('value').value()
//"[{"key":"a","value":1},{"key":"c","value":2},{"key":"b","value":3}]"
1 D3 如何正确获取 json 对象的键值

我正在尝试根据返回的 json 对象的键值生成我的列标题。 然而,它返回为[0,1]而不是[key[1],key[2]] 。 这是我的 json 数据,我正在尝试使用 D3 来获取此对象的键(例如“标签”、“计数”)作为我的列标题,而不是静态插入它。 这是我的 d3 代码: tabula ...

2 从对象数组中绘制D3图表

我有以下数据: 还有另一种颜色: 我想在D3中构建一个点图,但是对于每个数据集[i],这些点应具有不同的颜色。 在计算比例并绘制轴之后,我到达了最后一部分以绘制图表的点,这就是我得出的结论: 基本上,我想要的是针对“数据集”中的每个数据集合,这些点具有不同的颜色(例如, ...

3 从 D3 中的多级对象创建图表

伙计们 - 我收到以下格式的数据,我正在尝试在 D3 中放置一个多折线图。 我需要使用键作为我的 x 轴和值作为 y; 并绘制每年的 1 条线。 我无法获得 xScale 和 yScale 值。 有没有办法做到这一点? ...

2021-02-27 17:04:24 1 21   d3.js
4 读取d3键值

我有csv file ,其标题是Station ID , Elev , Latitude , Longitude , County , Nat_ID , Year_Built , Capacity , YrsStr1 , YrsStr2 ,......在这里,我希望从中获取所有列的值YrsStr ...

5 更新d3图表

我正在使用此代码绘制图形(基于此示例): 结果类似于以下内容: http://bl.ocks.org/WillTurman/raw/4631136/ 但是,我想根据查询更新此图表。 我发现这些是示例: http://bl.ocks.org/d3noob/7030f35 ...

6 d3 图表 SqlQuery

我正在用 mvc5 ef 6 编写一个 .net 应用程序,我需要创建图表。 我找到了 d3 库,但我需要传递一个 sql 数据。 我有一个 d3.js 饼图,上面有静态数据。 我需要从数据库传递数据。 我该怎么做? ...

7 D3图表和JSON

嗨,我创建了一个d3堆叠水平图表,数据以HTML本身的数组形式给出。 现在,我想从代码中删除数据并将其作为单独的JSON文件放置。 当我尝试它给我无法解决的错误时。 这是我以前正在工作的代码以及最新的代码 现在,我创建了一个单独的json文件,并如下修改了代码。 图表未显示 ...

8 为什么这个d3图表不会渲染?

我想获得一个超级基本的nvd3图表渲染。 代码看起来像这样( 在这里小提琴 ): 和 但是当我跑步时,没有任何反应。 没有生成错误,没有显示图表。 我从他们提供的最基本的例子中复制/修改了这段代码,但我似乎无法弄清楚我打破了什么。 谁能看到我在这里做错了什么? ...

9 D3多系列图表

我想为我的自定义数据绘制多系列图表 我替换了所有变量 符号,日期,价格 与 client_ip,时间戳,bytes_transfered 也 var parse = d3.time.format(“%b%Y”)。parse; 与 var ...

10 响应D3图表

我有这个D3图表 - 几乎开箱即用。 有没有办法让它响应并使用宽度和高度变量,innerRadius和outerRadius的百分比? 我在响应式网站上工作,需要根据屏幕大小/浏览器大小进行更改。 jsfiddle: http : //jsfiddle.net/BTfmH/1/ ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM