javascript – jqPlot为不同的y轴对齐零

2019-06-30 02:23:46 阅读：187 来源： 互联网

在jqPlot中,我在图中呈现了两个系列.它们以不同的单位显示不同的数据,因此它们各自都有自己的y轴(y轴和y轴).

jqPlot自动构造两个y轴以适应数据范围.没关系 – 我不想手动设置轴min,max,ticks,因为数据范围可能会有很大差异.

但是,我想将两个y轴的0刻度对齐到同一水平.这可能吗？

注意：有人可能会争辩说没有必要对齐,例如0°C温度和0 ms ^ -1风速,因为这些值之间没有数学关系.但如果它确实看起来好多了,看起来很好就是图表的重点:)

测试示例：

var data1 = [[0, 0], [3, 50]];
var data2 = [[0, 0], [3, -50]];

$.jqplot('chart', [data1, data2], {
  series: [
    { yaxis: 'yaxis' },
    { yaxis: 'y2axis' },
  ]        
});

解决方法:

我认为这肯定是jqplot中的一个错误.

请参阅这三个小提琴[1],[2]和[3].第一个是从jqplot的最后一个版本中的示例中提取的.第二个显示默认模式,禁用forceTickAt0和alignTicks.最后,第三个是相同的原始,但改变第一个系列中的第二个数据值为负值.

您可以在第一个示例中看到零如何对齐.但是,在第三个示例中,虽然所有设置保持不变,但轴不再对齐.

您可以尝试在jqplot issues page中为此提交问题.

在此期间,为了解决您的问题,您可以通过向值添加偏移量来解决此问题,以便所有值都变为正值,然后重写轴标签以显示此偏移量差异.你可以看到example here.但是,我担心这仍然不是你想要完成的.

标签：javascript,jqplot
来源： https://codeday.me/bug/20190630/1331955.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – jqPlot为不同的y轴对齐零