即时通讯使用HighStock多个系列: http ://www.highcharts.com/stock/demo/compare

问题是我的应用程序给了我这种数据格式:

[data1],
[data2],

HighStock期望这样:

[
[data1],
[data2],
]

我的用于加载数据的JS是:

$(function () {
    var seriesOptions = [],
        seriesCounter = 0,
        names = ['MSFT', 'AAPL', 'GOOG'],
        // create the chart when all data is loaded
        createChart = function () {

            $('#graph1').highcharts('StockChart', {

                legend: {
                            enabled: true,
                            align: 'center',
                            verticalAlign: 'bottom',
                        },
                credits:{
                   enabled: false
                },
                 title: {
                 text: 'Bitcoin Exchanges'
                 }, 
                rangeSelector: {
                    selected: 4
                },

                yAxis: {
                    labels: {
                        formatter: function () {
                            return (this.value > 0 ? ' + ' : '') + this.value + '%';
                        }
                    },
                    plotLines: [{
                        value: 0,
                        width: 2,
                        color: 'silver'
                    }]
                },

                plotOptions: {
                    series: {
                        compare: 'percent'
                    }
                },

                tooltip: {
                    pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> ({point.change}%)<br/>',
                    valueDecimals: 2
                },

                series: seriesOptions
            });
        };

    $.each(names, function (i, name) {

        $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=' + name.toLowerCase() + '-c.json&callback=?',    function (data) {

            seriesOptions[i] = {
                name: name,
                data: data
            };

            seriesCounter += 1;

            if (seriesCounter === names.length) {
                createChart();
            }
        });
    });
});

如何将数据推送到父数组,以便库可以使用它?

提前致谢。

  ask by mdv translate from so

本文未有回复,本站智能推荐:

1回复

设置高库存导航数据

我正在使用highstock(图表)。 我需要从单独的数组设置导航栏的数据。 我的json格式是: 我将这些数据推入不同的数组中,例如湿度数组,日期数组等,并将这些数组分配给一系列图表。 但是如何动态地将date_array分配给highstock的导航栏。
2回复

用Highstock显示缺失数据的差距

使用Highstock绘制排序时间系列: [[timestamp, value], ...] 数据源以不规则的间隔进行采样。 结果,两点之间的距离(在时间轴上)变化。 如果两个相邻点分开超过5分钟,我想在图表中显示间隙。 使用gapSize选项不起作用,因为它不允许将间隙的“
2回复

Highstock 平移异步加载数据

使用 Highstock 是否可以拖动图表并异步加载数据? 我在 highcharts 网站上看过异步演示http://jsfiddle.net/hcharge/5zPLV/ 但是,这使用导航器/滚动条沿系列移动图表并在停止滑动时加载数据,理想情况下,我想使用 highstock 的平移功能而不
1回复

从Rails向Highstock添加数据

我正在尝试从Rails应用程序将数据发送到高库存图表。 Highstock是一种highchart javascript,表示需要以下格式的图表数据: 因此,我可以使用以下命令将数据从rails成功发送到图表: 但仅当@values看起来像这样时: 因此,我知道这里已经
2回复

高库存数据点像素间距

有没有办法在高库存的x / y轴上以像素为单位设置点间距? 例如,数据点应相隔5px。 还有办法向左或向右移动图表吗? 例如,将所有数据点向右或向左移动5px?
1回复

Rails数组到HighCharts,Highstock,二维数组中的javascript

在我的应用程序中,用户记录他们的体重和体重所属的日期。 我希望该数据显示在HighStock折线图中。 应该很简单,但是过去两个月来我一直在(部分)进行这项工作。 我看了一堆不同的东西,但我无法使它正常工作。 我想显示的确切数据是折线图中的实际线条作为其重量,y轴表示其重量,x轴表示
1回复

开始时没有数据时的动态Highstock图表

我是高库存图表的新手,但我有一些问题。 我有以下highstok图表。 一切看似正常,但是如果我们运行https://jsfiddle.net/9pa5gjqw/17/,我们会看到奇怪的行为。 根本没有图,我们只能看到添加的点。 但是,如果我在“系列”中添加一些数据,一切都会好的。
1回复

Highstock在不缩放的情况下不显示最大数据值

我的问题与此处的问题相同,我无法对该问题添加评论。 如果没有缩放,Highstock将无法显示最大数据点。 在JsFiddle中 。 我正在0到1.7之间获取y轴的数据值,但是正在获取最大值是3.19(请参见4月9日,小提琴,22:53),它没有显示。 当我们单击“月份”缩放按钮时,仅显