标签: highstock

在以下示例中,如何为两个系列AND标志格式化工具提示？

http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/stock/plotoptions/flags/

我想在标记工具提示中显示系列工具提示和其他数据中的额外信息.

我在高档图表中展示了一些系列.我选择highstock是因为如果用户添加超过4小时的数据点,我想显示至少4小时的数据,并且可以选择滚动(但我不希望启用rangeSelector或导航器,如果这与问题相关我'我有).

我认为这很简单,但我在x轴上显示15分钟的间隔时出现问题.当动态添加一个数据点时,图形会正确显示15分钟的刻度间隔,但是当添加更多数据点时,x轴开始不正确地缩放时间.如果我然后刷新页面并显示包含多个数据点的图形,我会得到非常奇怪的tickIntervals.

这是我的xAxis选项:

xAxis: {
        type: 'datetime',
        min: 1361815200000,
        max: 1361829780000,
        tickInterval: 15 * 60 * 1000,
        minTickInterval: 15 * 60 * 1000, // 15 minute intervals
        gridLineWidth: 2,
        labels: {
            formatter: function () {
                var d = new Date(this.value);
                return (d.getMinutes() == 0) ? '<b>' + Highcharts.dateFormat('%H:%M', this.value) + '</b>' : d.getMinutes();
            }
        }
    }

你可以在这里看到其余的:http://jsfiddle.net/pxCsX/

我错过了什么？我修改了minRange,类型和其他xAxis和系列属性,并搜索了高档文档,但我不断提出bupkis.

是否有可能在打印布局中隐藏svg的部分内容.

特别是我喜欢隐藏highstock rangeSelector和navigator将打印页面.

这应该没有js triggert按钮.它应该在使用浏览器打印按钮时起作用.

是否有可能使用css media = print显示/隐藏元素并使用jquery绑定此事件？

需要隐藏在打印布局上的黄色部分:http: //i49.tinypic.com/24mbxop.png

对于这个例子:

$(function() {

    $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?', function(data) {
        // Create the chart
        window.chart = new Highcharts.StockChart({
            chart : {
                renderTo : 'container'
            },

            rangeSelector : {
                selected : 1
            },

            title : {
                text : 'AAPL Stock Price'
            },

            series : [{
                name : 'AAPL',
                data : data,
                tooltip: {
                    valueDecimals: 2
                }
            }]
        });
    });

});

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/stock/demo/basic-line/

我正在使用高档图表,并希望将变焦按钮(1米,2米等)移动到不同的位置.

我检查了他们的API,目前似乎没有选择这样做.此外,源代码表明这个位置是硬编码的,因此我认为我不能轻易地使用一些未记录的属性注入位置

Highstock来源

Highcharts.RangeSelector.prototype.render = function (min, max) {
...
rangeSelector.zoomText = renderer.text(lang.rangeSelectorZoom, plotLeft, chart.plotTop - 10)
                .css(options.labelStyle)
                .add();

// button starting position
buttonLeft = plotLeft + rangeSelector.zoomText.getBBox().width + 5;
...
}

默认的 highstock 图表具有高度 = 400px。

如何根据图表轴及其大小为自动大小设置高度图表？

请参见下面的示例，导航栏位于音量面板上方。

http://jsfiddle.net/BYNsJ/

我知道我可以设置 div 的高度，但我有一个解决方案可以在图表中动态插入/删除轴/系列，并且自动高度图表会很好。

该示例与 Highchart 站点中的 Candlestick/Volume 演示相同，但​​在 div 容器中没有 height 属性。

    // split the data set into ohlc and volume
    var ohlc = [],
        volume = [],
        dataLength = data.length;

    for (i = 0; i < dataLength; i++) {
        ohlc.push([
            data[i][0], // the date
            data[i][1], // open
            data[i][2], // high
            data[i][3], // low
            data[i][4] // close
        ]);

        volume.push([
            data[i][0], // the date
            data[i][5] // the volume
        ])
    }

    // set the …

我想在 HighCharts 中将轴从线性动态更改为对数，反之亦然。请参阅这个小提琴示例。

yAxis: {
    //linear
    type: 'logarithmic',
    minorTickInterval: 0.1
},

有一个类型：String in api 用于初始声明性图表设置。我想来回动态更改为对数/线性。

我想添加一些序列（我从Web服务获取序列数据作为3dim数组（并将其作为json返回）-我不知道要获得的序列数，因此我必须动态加载序列数据）。

在javascript中，我正在构建一个对象：（例如此highstock示例：http : //jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/stock/demo/比较/）

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

e.g. result: [Object { name="Series", data=[[1041375600000, 29,9]]}]

我试图添加这样的系列：

$.each(seriesOptions, function (itemNo, item) {
    chart.addSeries({                        
        name: item.name,
        data: item.data
    }, false);
});
chart.redraw();

但是该图表有点奇怪，并且至今未转换为时间戳。
网络服务中的图表数据是否存在问题？

这是我的代码：http : //jsfiddle.net/DGdaf/2/

感谢您到目前为止的任何帮助。

编辑
似乎图表忽略了时间轴/缩放值的所有默认值。我不知道为什么它不显示这些组件。
问题可能是初始化后我正在绘制图表吗？

chart = new Highcharts.Chart(options);

但是我必须这样做，因为会导致动态序列加载。

EDIT2
我不确定是否要加载太多数据或其他东西。我无法动态创建我的系列。

for(i=0; i<seriesOptions.length; i++){
        chart.addSeries({                        
            name: seriesOptions[i].name,
            data: seriesOptions[i].data
        }, true);

    };

有没有办法让Highcharts堆叠条形图像时间轴一样工作？我想要实现的内容在此Google时间线图表示例中进行了演示.

最重要的是值可以在同一个条上重复.我无法弄清楚这一点,并且目前怀疑我可能需要回到渲染器并手动绘制此图表,或切换到Google Charts,我希望避免这两种情况.谢谢你的任何想法!

我正在将 Highcharts 用于我的一个股票项目。一切都很好，除了我无法隐藏 x 轴上的底部网格线，如附图所示。

更新：这是小提琴链接

我的 javascript 中有以下属性：

xAxis: {
            type: 'datetime',
            maxZoom: 30 * 24 * 3600000,
            tickInterval: 24 * 3600 * 1000,
            tickLength: 0,
            dateTimeLabelFormats: {
                day: '%e'
            },
            labels: {
                y: 24,
                style: {
                    fontSize: '1.6em',
                    fontWeight: 'normal',
                    fontFamily: 'standardCondensed',
                    color: '#bcbdbd'
                }
            },
            plotLines : [{
                value : (function() {
                        // To Do ...
                    })(),
                color : '#39484d',
                dashStyle : 'solid',
                width : 32,
                label : {
                    text : ''
                }

            }]
        },
        yAxis: …

有谁知道如何在highstock的rangeSelector上隐藏'zoom'文本？我已经查找了API页面,但找不到解决方案.

提前致谢!