D3:是否可以根据阈值绘制一条线并将其分配给两个轴
D3: Is it possible to draw a line and assign it to two axes depending on threshold?
我正在尝试创建一个折线图,其中纵轴分为两部分。两个部分都有不同的刻度,请参阅下表(我只谈论右轴,其中刻度在值为100mm时发生变化):https://upload.wikimedia.org/wikipedia/commons/6/60/Klimadiagramm-deutsch-Bombay-Indien.png
因此,我唯一的想法是将输入数据拆分为低于和高于阈值的值,然后从这些数据中创建单独的行和区域。但在我看来,这似乎是一个很不愉快的解决方案,所以在我开始这样做之前,我想问一下:有人有更好的主意吗?
您可以尝试使用功率秤。它可以给你一个想要的效果。看这里(http://bl.ocks.org/GerHobbelt/3605124)。它不会像你的例子中的轴那样精确。
如果你需要一个与你的例子完全匹配的量表,那么你必须按照你描述的方式自己实现它。一个从0到100,范围取高度的下半部分,另一个从100到900,范围取上半部分。您还将得到两个必须水平匹配的轴。其中一个将缺少最小/最大值。然后可以将其抽象为一个函数。祝你好运
相关文章:
- JQuery合并了keyup和focusout两个函数
- 如何使用 node.js 比较两个 json 数组
- 为复选框javascript指定两个值
- 用每小时的差值填充数组/列表-从下拉列表中给定两个时间值
- 单击时切换两个图像
- 我可以'我似乎不知道如何修复javascript中的两个lint.有人能帮我理解吗
- 基于两个条件退出While循环
- 如何在这里将两个值最低的数字相加
- 组合两个javascript函数
- 使用一个表达式将两个变量分配给相同的值
- 正在破坏分配.分配对象和它's的孩子在两个不同的变量中
- Jquery Mobile我有两个页面,一个用于Android,一个用于iPhone.如何检测浏览器并分配它们
- 有没有更好的方法将两个值中最大的值分配给一个属性
- 将一个变量分配给两个值
- 如何在两个不同的文本框元素中分配 AJAX 响应?(每个文本框中的值不同)
- D3:是否可以根据阈值绘制一条线并将其分配给两个轴
- 如何仅在两个事件在 JavaScript 中同时触发时才分配语句
- Jsplumber -在端点中分配两个不同的锚图像,一个用于源,一个用于目标
- 给kineticjs对象分配两个补间,但有条件地只执行一个
- 为什么浏览器行为在使用两个不同的 window.location.href 分配时会有所不同