Javascript 图中两点的连接_Javascript_Jquery_Highstock

Javascript 图中两点的连接

javascript jquery

Javascript 图中两点的连接,javascript,jquery,highstock,Javascript,Jquery,Highstock,我正在尝试使用HighStock JS以图形方式表示JSON数据，我想用另一条直线连接图形上的两点。。比如说，我的是一张股票市场图表，我想用一条直线连接图表中的每日“高点”或“低点”。。。有没有可能用Highstock JS图形实现这一点？是的，你可以用Highstock JS实现这一点。创建图形后，可以使用renderer.path方法创建路径。它遵循与SVG路径相同的形式。下面是一个小片段，它将创建一条从绝对坐标（300,50）到（400,50）的直线。有关详细信息，请参见渲染器文档 $(f

我正在尝试使用HighStock JS以图形方式表示JSON数据，我想用另一条直线连接图形上的两点。。比如说，我的是一张股票市场图表，我想用一条直线连接图表中的每日“高点”或“低点”。。。有没有可能用Highstock JS图形实现这一点？

是的，你可以用Highstock JS实现这一点。创建图形后，可以使用renderer.path方法创建路径。它遵循与SVG路径相同的形式。下面是一个小片段，它将创建一条从绝对坐标（300,50）到（400,50）的直线。有关详细信息，请参见渲染器文档

$(function () {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container'
        },

        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },

        series: [{
            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]
        }]
    },
    function(chart) { // on complete
        chart.renderer.path(['M', 300, 50, 'L', 400, 50])
             .attr({
                 'stroke-width': 2,
                 stroke: 'red'
             })
             .add();
        });
    });