连接图表中的两个点

Question

我正在尝试使用HighStock JS来获取JSON数据的图形表示,并且我希望使用另一条直线连接图表上的两个点...例如..mine是一个股票市场图,我想连接每日"高点"或者用一条直线在图表中"低点"......是否可以用Highstock JS图表做到这一点？

Answer 1

是的，您可以使用 HighStock JS 来做到这一点。创建图形后，您可以使用 renderer.path 方法创建路径。它遵循与 SVG 路径相同的形式。这是一个简短的小片段，它将创建一条从绝对坐标 (300,50) 到 (400,50) 的线。有关更多详细信息，请参阅渲染器文档http://www.highcharts.com/ref/#renderer

\n\n

$(function () {\n    var chart = new Highcharts.Chart({\n        chart: {\n            renderTo: \'container\'\n        },\n\n        xAxis: {\n            categories: [\'Jan\', \'Feb\', \'Mar\', \'Apr\', \'May\', \'Jun\', \'Jul\', \'Aug\', \'Sep\', \'Oct\', \'Nov\', \'Dec\']\n        },\n\n        series: [{\n            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]\n        }]\n    },\n    function(chart) { // on complete\n        chart.renderer.path([\'M\', 300, 50, \'L\', 400, 50])\n             .attr({\n                 \'stroke-width\': 2,\n                 stroke: \'red\'\n             })\n             .add();\n        });\n    });\xe2\x80\x8b\n

\n