javascript - 使用投影线绘制简单图形

Question

我需要为 Web 项目绘制一个相当简单的图形。

数据总是一样的，所以图表线不会改变。但是，我需要在图上绘制 2 条投影线，突出图的某些方面。这些行将根据某些变量而改变。 这是我想要实现的目标:

我查看了 Chart.js、Chartist 和其他一些库，但没有看到任何可以绘制我需要的投影线的示例。

谁能告诉我一个可以完成这个的图书馆？

Answer 1

您可以使用 highcharts 实现它。

我找到了一些几乎完全适合的例子并稍作修改: http://jsfiddle.net/mt2becws/1/

下面是一段时间后设置“crosshair”的调用:

setTimeout(function() {
    addCrosshair(3,14.5);
}, 1000);

setTimeout(function() {
    addCrosshair(2,5.7);
}, 2000);

真正执行此操作的代码部分是:

function addCrosshair(x,y) {
chart.xAxis[0].addPlotLine({
    id: 'xPlotLine'+x,
    value: x,
    width: 1,
    color: '#C0C0C0'
});

chart.yAxis[0].addPlotLine({
    id: 'yPlotLine'+y,
    value: y,
    width: 1,
    color: '#C0C0C0'
});
}