Question

如果您看到此折线图

你可以看到伦敦数据有直线（带箭头）。

我想在此处添加My Playground 这段代码将系列转换为折线图

function (chart) {
    chart.series[2].update({
        type: 'line',
        color: 'blue'
    });
}

我尝试检查选项和API引用。但找不到好的解决方案。那么，有什么帮助吗？

Answer 1

在您正在查看的示例中，伦敦线并未定向（尽管它看起来像箭头）。该线条带有标记点，就像其他线条一样，只有伦敦标记是一个三角形...它看起来像一个箭头，因为它在最后一个点上倾斜。

有关Highcharts API Reference

标记的更多信息

我没有在HighCharts图表中看到有向线:(

Answer 2

正如@Eric Watson所说，不支持有线，但可能实现。在这里，您可以找到如何将箭头添加到样条曲线的示例：http://jsfiddle.net/aUMCS/2/

    var angle = Math.atan((lastPoint.plotX - nextLastPoint.plotX) / (lastPoint.plotY - nextLastPoint.plotY));
    path.push(
        'M',
        lastPoint.plotX, lastPoint.plotY,
        'L',
        lastPoint.plotX + arrowWidth * Math.cos(angle), lastPoint.plotY - arrowWidth * Math.sin(angle),
        lastPoint.plotX + arrowLength * Math.sin(angle), lastPoint.plotY + arrowLength * Math.cos(angle),
        lastPoint.plotX - arrowWidth * Math.cos(angle), lastPoint.plotY + arrowWidth * Math.sin(angle),
        'Z'
    );

我认为您可以或升级该解决方案，为每个标记添加箭头，或者只是将系列分成两个元素，然后使用linkedTo选项连接所有系列。

来自谷歌电子表格的Highcharts数据显示有向线

2 个答案: