我正在制作一张NVD3线性图,如果能为每个数据点显示标记而不仅仅是线本身,将显着提高图表的清晰度。不幸的是,我尚未找到使用NVD3轻松实现此目标的方法。我还考虑使用散点图,但我无法弄清楚如何在点之间显示连接线。第三种选择是将线性图和散点图叠加在一起,但这将在图例中两次显示每个系列,并可能引起其他不必要的视觉问题。
是否有一种优雅的方法来实现这个目标?下面列出了我的格式化技术的示例代码,但是test_data中的'size'和'shape'属性对当前代码的线性图没有影响。
test_data = [ { key: 'series1',
values: [
{ x: 1, y: 2.33, size:5, shape:"circle" },
{ x: 2, y: 2.34, size:5, shape:"circle" },
{ x: 3, y: 2.03, size:5, shape:"circle" },
] } ];
nv.addGraph(function() {
var test_chart = nv.models.lineChart();
test_chart.xAxis.axisLabel('Sample Number');
test_chart.yAxis
.axisLabel('Voltage (V)')
.tickFormat(d3.format('.02f'));
d3.select('#test_plot')
.datum(test_data)
.transition().duration(500)
.call(test_chart);
nv.utils.windowResize(test_chart.update);
return test_chart;
});