标签: highstock

如何在Highcharts中动态修改PlotLine

有没有办法动态修改Highcharts或Highstock中的PlotLine?

我发现api中有addPlotLine和removePlotLine.我不想删除Plotline但只是想要进行更改.

dynamic highcharts highstock

9
推荐指数
0
解决办法
2755
查看次数

如何将yAxis标签从图表右侧移动到图表左侧

如何将yAxis标签从图表右侧移动到图表左侧.

这是一个jsfiddle示例,其中我们Fresh Breeze在图表的右侧有标签,我想在左边.

在以前版本的Highstock中,它默认为左侧.我也尝试了选项中的属性align:left,yAxis但它没有给出所需的结果.

谢谢

charts highcharts highstock

9
推荐指数
2
解决办法
2万
查看次数

未正确呈现Highstocks图形宽度

您好我在使用jquery选项卡时遇到highstocks的问题.

这是构造函数的代码.

Chart = new Highcharts.StockChart({  
        Chart = new Highcharts.StockChart({
        chart: {
            renderTo: 
                'Container',
                 alignticks:false
             },
        xAxis: { .......... },
        yAxis: [{ ....... }],
        series : [{ .......... }]
    });
Run Code Online (Sandbox Code Playgroud)

Container只有整个页面宽度的一半.

当页面加载到包含图形的选项卡时,其宽度将正确呈现.但是当页面首先加载到另一个选项卡时,其宽度跨越页面的整个宽度,与页面上的其他内容重叠.因此,必须刷新页面才能解决此问题.

有人有解决方案吗?

jquery-tabs highcharts highstock

8
推荐指数
3
解决办法
2万
查看次数

设置图表宽度,highcharts

是否可以使用百分比设置highcharts的宽度?每当页面调整大小时,图表应该足够响应以适应页面大小?

一解决方案

这里的问题是我有3个图表,我需要并排显示,每次重新调整页面大小,3个图表应该按比例放大并相应地使用屏幕尺寸.是否可以使用highcharts?

解决这个问题?

highcharts highstock

8
推荐指数
1
解决办法
4万
查看次数

HighStock图表无法通过SSL工作,即https

我有一个安全站点的站点,它使用https://协议访问.这个网站有高清图.

当协议是http://时,高图非常有效.但在安装安全证书后,无法在任何浏览器中加载.

我已经导入了HighStock图表js,如下所示.

然后我想到了如何更改从http://https://获取js的协议,如下所示

在此之后,图表开始在Internet Explorer中正确呈现.

但谷歌Chrome,Firefox和Safari等图表仍未加载.

任何人都可以告诉我在使用https://协议访问的网站上呈现/显示HighStock图表的正确方法.

导出和打印功能也应该有效.

这是一个非常迫切的要求,所以任何形式的帮助将不胜感激.

提前致谢.

问候

Soham Patel

highcharts highstock

8
推荐指数
1
解决办法
2039
查看次数

使用HighStocks和highcharts-ng

我正在使用HighCharts的Angular指令,https://github.com/pablojim/highcharts-ng.

但是我想通过设置useHighStocks:true来使用HighStock选项,根据上面的链接应该可以.

当我尝试这个时,图表根本不会加载,但是当它设置为false时工作正常.我甚至试图从官方网站上包含highstock.js但没有运气.

原创jsfiddle:http://jsfiddle.net/pablojim/7cAq3/

我的非工作highstock jsfiddle:http://jsfiddle.net/achronos/7LZv4/1/

$scope.chartConfig = {
    options: {
        chart: {
            type: 'line',
            zoomType: 'x'
        }
    },
    series: [{
        data: [10, 15, 12, 8, 7, 1, 1, 19, 15, 10]
    }],
    title: {
        text: 'Hello'
    },
    xAxis: {currentMin: 0, currentMax: 10, minRange: 1},
    loading: false,
    useHighStocks: true
}
Run Code Online (Sandbox Code Playgroud)

我能做些什么才能让它发挥作用?谢谢

highcharts highstock angularjs angularjs-directive highcharts-ng

8
推荐指数
1
解决办法
7095
查看次数

在highchart中重叠列

有没有办法创建重叠列?

例如,在这个jsFiddle中,蓝色和红色列应该如下所示相互重叠,蓝色是背面的一个,前面是红色.

重叠列

为了澄清,我不想要堆叠列,蓝色和红色列都应该从xAxis(y = 0)开始而不是一个在另一个上面

highcharts highstock

7
推荐指数
2
解决办法
1万
查看次数

在HighCharts中更改音量列的颜色(高/低)

我有一个简单的图表显示下面有体积列的烛台:http://jsfiddle.net/T83Xy/

基本上,我想使用黑色和红色作为列,具体取决于它是否高于打开或不高.我通过推Y:数据,颜色:'#000000'作为参数看到了一些样本.问题是我正在推送日期和卷号.我试图推X:日期,Y:数据,颜色:'#000000'但是它抛出错误而没有给我预期的结果.

highcharts highstock

7
推荐指数
1
解决办法
2529
查看次数

Highstock - 不规则的时间间隔

Highcharts有一个使用不规则时间间隔的例子,我想在highstock上做同样的事情,因为xAxis类型没有参数.

JSFiddle代码

我的选择是

$(function() {

$.getJSON('http://184.173.195.228/~ktwsn/temp2.php?action=get_sensor&sensor_serial%5B%5D=3B74F41400000069&sensor_serial%5B%5D=3BB2FA14000000E6&sensor_serial%5B%5D=3B91F11400000079&sensor_serial%5B%5D=3BC7F114000000E5&sensor_serial%5B%5D=3BC0F314000000E3&callback=?',
      {action: "get_sensor"},
          function(data) {
              var seriesOptions = [];
              $.each(data, function(key, val) {
                  seriesOptions.push({
                      name: val.name,
                      data: val.samples,
                      marker : {
                          enabled : true,
                          radius : 3
                      }
                  });
              });       
              // create the chart
              chart = new Highcharts.StockChart({
                  chart: {
                      renderTo: 'container',
                  },
                  xAxis: {
                      type: 'datetime'
                  },
                  rangeSelector: {
                      selected: 4
                  },    
                  series: seriesOptions
              });
          });   
});
Run Code Online (Sandbox Code Playgroud)

javascript highcharts highstock

7
推荐指数
2
解决办法
3013
查看次数

如何将高档日期改为波斯日期

我正在使用highcharts.我正在尝试将其日期更改为波斯语,但由于它使用的是Date.UTC,我无法更改它!

我见过http://api.highcharts.com/highstock#lang,但它似乎不支持波斯语.

你知道有什么方法可以把它变成波斯日期吗?我可以遇到的一种方法是将UTC日期更改为波斯日期的算法.

有什么方法可以解决这个问题吗?请帮我...

谢谢

persian highcharts highstock

7
推荐指数
1
解决办法
1101
查看次数