Соединение двух точек на графике - PullRequest
Новая
       6

Соединение двух точек на графике

5 голосов
/ 21 февраля 2012

Я пытаюсь использовать HighStock JS для графического представления данных JSON, и я хочу соединить две точки на графике, используя другую прямую линию ... как, например, ..mine - график фондового рынка, и я хочу подключить ежедневную "максимумы" или "минимумы" внутри этого графика с прямой линией ... Возможно ли это сделать с помощью графиков Highstock JS ??

1 Ответ

0 голосов
/ 25 марта 2012

Да, вы можете сделать это с HighStock JS.После создания графика вы можете использовать метод renderer.path для создания пути.Он следует той же форме, что и путь SVG.Вот небольшой короткий фрагмент, который создаст линию от абсолютных координат (300,50) до (400,50).Для получения более подробной информации см. Документацию по визуализации http://www.highcharts.com/ref/#renderer

$(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();
        });
    });​
...