NVD3 如何正确设置 y 缩放
NVD3 how set y scale correctly?
我的累积折线图构建的yScale不正确。
给定要构建图表的数据:
var data = [{
key: "Page view",
values: [
["2013-07-01 00:00:00", 1],
["2013-08-01 00:00:00", 17],
["2013-09-01 00:00:00", 5],
["2013-10-01 00:00:00", 13]
]
}];
应在 yScale 上显示 17 的最大值显示 8,如下所示:
https://www.evernote.com/shard/s253/sh/35928a9c-f5bb-4862-a227-f86423e6dd8a/8745a2c6cb5571002b7ec33b5386172a
这是我的代码:
nv.addGraph(function () {
var chart;
chart = nv.models.cumulativeLineChart()
.x(function(d) { return moment(d[0]) })
.y(function(d) { return d[1] })
.color(d3.scale.category10().range())
.transitionDuration(300)
.showControls(false);
chart.xAxis
.tickFormat(function (d) {
return d3.time.format('%d/%m/%y')(new Date(d))
});
chart.xScale(d3.time.scale());
d3.select('#chart svg')
.datum(data)
.call(chart);
nv.utils.windowResize(chart.update);
return chart;
});
https://gist.github.com/lemanchester/9919615
我尝试使用:
chart.yScale().domain([0, 50]);
或/和
chart.forceY ([0, 50])
问题解决了!
这是累积折线图,它必须在 Y 轴上以 0 开头
var data = [{
key: "Page view",
values: [
["2013-06-01 00:00:00", 0],
["2013-07-01 00:00:00", 1],
["2013-08-01 00:00:00", 17],
["2013-09-01 00:00:00", 5],
["2013-10-01 00:00:00", 13]
]
}];
如您所见:
https://www.evernote.com/shard/s253/sh/404834ae-1797-4d23-96bd-3f7e0674822e/ef09346d45af2b31cd122a2014c34377
谢谢鲍勃
相关文章:
- 动态设置谷歌地图缩放
- 从结果集中自动设置谷歌地图缩放
- 高图表 - 在缩放重置中设置最大值和最小值
- jquery ui地图设置缩放级别
- 如何平滑地设置HTML5画布fillText()的缩放动画
- 在D3中设置缩放功能后,如何删除缩放功能
- 如何在谷歌地图中设置标记的最佳缩放
- 如何为您的网站/视口设置最小宽度,并在宽度低于该宽度时进行浏览器缩放
- 如何使用 Gmap4rails 设置缩放级别
- 缩放时设置元素的重力
- 如何设置加载 JSON 图层的最小缩放比例
- 当我更改默认缩放设置时,Google Maps JavaScript API 不会缩放
- 从 C# 代码隐藏设置传单缩放区域
- 根据屏幕/设备宽度设置谷歌地图API V3缩放级别
- 如何在窗口缩小/缩放级别小于 1 时将窗口缩放设置为默认值
- 如何在新的谷歌地图上设置默认缩放级别
- 在 Vis.js 中设置缩放级别
- 将元素的宽度设置为等于监视器大小,而不会在缩放时发生变化
- 背景大小设置为包含的正文标签上的位置和缩放元素
- CSS或如何修复浏览器具有不同DPI/缩放设置时的外观