标签: highstock

我正在使用HighStock版HighCharts在图表中创建一系列数据.我在条形图的顶部有一个直方图上的烛台图.烛台点是可点击的.我想在他们刚刚点击的烛台图表上添加一个标记.

以下是我尝试过的一些代码:

// create the chart
        chart = new Highcharts.StockChart({
            chart: {
                renderTo: 'container',
                alignTicks: false
            },

            rangeSelector: {
                selected: 1
            },

            title: {
                text: 'DJIA Historical'
            },

            yAxis: [{
                title: {
                    text: 'OHLC'
                },
                height: 300,
                lineWidth: 2
            }, {
                title: {
                    text: 'Volume'
                },
                top: 400,
                height: 100,
                offset: 0,
                lineWidth: 2
            }, {
                title: {
                    text: 'MACD'
                },
                top: 520,
                height: 100,
                offset: 0,
                lineWidth: 1
            }],

            series: [{
                type: 'candlestick',
                name: 'DJIA',
                data: ohlc,
                events: { …

我想在不创建新实例的情况下将缩放类型从"x"更改为"xy",我想要像他们所拥有的update()方法那样做..位于 myChart.options.chart.zoomType

我想将highcharts rangeSelectorZoom更改为另一个文本.我尝试了两种方法,但我没有得到结果!

1.

    Highcharts.setOptions({
    lang: {
        rangeSelectorZoom: 'myzoom'
    }
});

2.

            lang:{
        rangeSelectorZoom: 'myzoom'
        },

请帮我...

谢谢

我是一个Java/PHP程序员,无法掌握Javascript,所以我需要一些简单的东西.

请点击此处的图表:http://www.highcharts.com/stock/demo/compare

这显示了3个系列,它们都是预定义的.我有与我自己的数据相同的设置.

我实际拥有的是150系列数据,我希望用户能够选择在没有页面刷新的情况下显示哪些数据.我知道我需要以某种方式使用Chart.addSeries(),我看了一下从按钮点击添加系列的演示:http://jsfiddle.net/gh/get/jquery/1.7.2/ highslide软件/ highcharts.com /树/主/样品/股票/构件/图表-addseries /

问题是,这个按钮在网页和JS中都是硬编码的:

<button id="button">Add series</button>

<script>
$('#button').click(function() {
    var chart = $('#container').highcharts();
    chart.addSeries({
        name: 'ADBE',
        data: ADBE
    });
    $(this).attr('disabled', true);
});
</script>

我不喜欢150个按钮,但我当然不希望每个按钮有一个独特的功能.有人可以重写一个我可以蚕食的简短例子吗？我的JS真的太简陋了.

也许复选框会很好,但实际上任何类型的切换都可以.可以从图表中删除系列(除了点击图例)吗？

任何人都可以提供一些关于将150系列列表绑定到图表本身的技巧吗？

必须通过JSON单独加载每个系列.

或者,我应该只加载所有150系列并禁用其中的149个,允许用户通过图例本身切换？

我知道我可以使用plotLines在yAxis上绘制水平线,但xAxis上的垂直线怎么样？

谢谢!

我在股票图表中使用高价图表.在我的图表中,我有一个按钮,如1D,5D,6M,3YR,10YR和YTD.当我调整图表大小(ipad肖像模式)时,3yr,10yr和YTD按钮即将出现在图表中.图表中的按钮没有足够的空间.所以我需要禁用几个按钮并在图表中仅显示1D,5D和YTD按钮.

在桌面模式:

在ipad肖像模式下:

你能建议我怎么做吗？

提前致谢.

如何在不使用以下情况下设置默认范围:

rangeSelector:{
  selected: 3
}

我想这样做的原因是我正在尝试开发自己的自定义范围选择器.我也可以问一下,为什么一旦我再次按下YTD,我就会得到一张破碎的图表.这是我的小提琴和我的示例代码的链接:

$(function () {
    $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?', function (data) {
        $('.zoom_controls a').click(function (e) {
            e.preventDefault();
            // OK, pretty ugly :)
            var call = 'zoom' + $(this).attr('data-range');
            // I have two globally accessible charts here:
            if ($(this).attr('data-chart') == 'line') {
                lineChart[call]();
            } else {
                candleChart[call]();
            }
            $(this).addClass('active');

        });
        var proto = Highcharts.Chart.prototype;
        proto.zoomToD = function (delta) {
            var chartMin = this.xAxis[1].min;
            var chartMax = this.xAxis[0].max;
            var min = chartMax - delta;

            if (chartMin < min) { …

我有一个highcharts日期时间样条图,我想从highstocks添加导航器(highstocks已经在页面上),而不更改图表的任何其他内容.

从高图转换到高档也会改变我想要放弃的许多默认行为(轴设置,图例设置......各种各样).我只想要导航器.

所以我要么只想将导航器添加到我的高图中,要么指向一个全面的选项列表,我可以传递给highstocks以使其与highcharts默认值(如果存在)相匹配.

谢谢!

我按照以下主题解决了问题，但对我而言不起作用。

我有一个简单的要求，即在页面/图表加载时在单个图表（GBP_USD，USD_EUR和USD_CHF）中绘制多个系列，并且一旦完成初始加载，就会每秒调用一次服务器，该服务器返回一个包含三个值的数组系列1（GBP_USD），第二系列2（EUR_USD），第三系列3（USD_CHF）。

我首先从绘制静态图形开始，然后在一个图表中绘制三个系列。

当我在图表中绘制单个系列时，它可以正常工作，但是当我添加更多系列时，它不起作用。我可以在三个不同的调用中下载数据（遵循HighStock的比较示例），并且数据已成功接收，但是我没有得到曲线，而是得到了直线。[！[该图像显示在Array中具有三个名称，它绘制了直线] [1]] [1]。[！[此图片显示了名称数组只有一个值的图表-GBP_USD] [2]] [2]

JSFiddle链接

$(function() {
  console.log('in annynymous()');
  //	var names = ['GBP_USD'], // Any One Currency, works [serise is as it should be]
  var names = ['GBP_USD', 'EUR_USD', 'USD_CHF'], // Three currencies [series are flat]
    seriesCounter = 0,
    seriesOptions = [],
    colors = Highcharts.getOptions().colors;

  console.log('starting to retrive data');

  $.each(names, function(i, name) {
    document.getElementById("loading").innerHTML = '<B>Loading please wait.. retrieving data</B>';


    var url = "http://134.213.48.26:8080/apitest/api/v1/ext/jsfiddle/data?callback=?&id=" + name;
    $.getJSON(url, function(data) {
      console.log("success with grabing json data for …

这个问题最好用以下小提琴来描述:https: //jsfiddle.net/bernhard_kern/85s2fm5a/3/.我们使用两个系列和两个xAxis.

xAxis: [{
        type: 'datetime',
        min: new Date('2016/02/22').getTime(),
        max: new Date('2016/03/05').getTime()

    }, {
        type: 'datetime',
        min: new Date('2015/02/22').getTime(),
        max: new Date('2015/03/06').getTime()
    }],

我想比较每年的timseries,它们由于闰年(2016年2月29日)而具有不同的数值.

要求: 即使存在闰年,也要在彼此之下显示相等的日期.

在示例中,您可以看到2月29日下方显示3月1日.对于非闰年时间序列,应该存在差距.即使我在3月1日添加空值,我也无法停止房间时间的连续性.

有人能帮助我吗？