如何解决nvd3 多图表 Y 轴不在同一条线上
我试图在 nvd3 上比较不同的日期范围和不同系列的多图表。我面临的问题是,当光标悬停在一些刻度上时。需要比较的 Y 轴不在同一个刻度上,并且工具提示的行为很奇怪。但是,没有收到任何错误或异常抛出。您可以在下面找到图表示例图片和相关代码:
const tickValues = val.series[0].values.map((o,i)=>o.x/1000); // something like["0.10","0.20"] etc.
nv.addGraph(() => {
var height = 300;
var chart = nv.models.multiChart().legendRightAxisHint("").useInteractiveGuideline(true).showLegend(false).height(height);
chart.options({
hideY2:true
});
chart.xAxis.axisLabel('Date').tickValues(tickValues).tickFormat(function(d) {
return d3.time.format('%x')(new Date(d))
});
chart.yAxis1.axisLabel('Orders').tickFormat(d3.format('.02f'));
chart.yAxis2.tickFormat(d3.format('.02f'));
// chart.yAxis2.tickFormat(d3.format('.02f'));
this.redraw(chart)
this.chartRef = chart
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。