标签: highstock

Highchart隐藏默认按钮

我想在高亮局导出选项中隐藏默认按钮("导出"和"打印").

您可以在http://jsfiddle.net/fXHB5/3496/ 进行演示,此链接中有3个按钮1.自定义按钮2.导出按钮3.打印按钮.

在这种情况下,我想只显示第一个按钮并隐藏"导出按钮"和"打印按钮"

javascript jquery highcharts highstock

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

如何修复Highcharts错误#13?

我使用高图,所以,用户可以关闭并打开图表页面并重绘图表,在某些情况下给我这个错误,我该如何修复它,谢谢这是我的代码

 function populateGraph(graph1data1,graph1data2,id,time,bottomText,tickinterval){
$(function () {
  $('#'+id).highcharts({
      chart: {
          type: 'line'
      },
      xAxis: {
        tickWidth: 0,
        categories: ['1,2,3,4']
      },
      yAxis: {
        gridLineColor: '#fff',
          title: {
              text: ''
          },
          labels: {
              formatter: function() {
                  return '';
              }
          }              
      },
      navigation: {
        buttonOptions: {
            enabled: false
        }
    },
      series: [{
          name: 'This ',
          data: [1,2,3,4],
          color: '#1e71ef'     
      }, {
          name: 'Last ',
          data: [5,6,7,8],
          color:'#dfe0e1'
      }]
  });
});
}
}




       function loadOnlineDashboardChannel(channel){
          $.ajax({
          type: "get",
          dataType: 'html',
          data: {},
          url: "/companies/2/online_dashboard_channel",
          success: …
Run Code Online (Sandbox Code Playgroud)

html javascript highcharts handlebars.js highstock

12
推荐指数
3
解决办法
4万
查看次数

如何从highstocks图表中禁用范围选择器

我正在尝试禁用默认情况下在高档中使用的from - to范围选择器.查看了api文档,但没有找到解决方案.感谢您的支持!

javascript highcharts highstock

11
推荐指数
3
解决办法
1万
查看次数

HighStock:删除缩放栏

我想拆除highStock的部件,如图所示.它们在我的数据格式化中没有意义.请帮忙

在此输入图像描述

highcharts highstock

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

Highstock:如何组合延迟加载和动态数据?

我正在尝试将延迟加载与Highstock中的动态更新数据结合起来.我们的想法是拥有一个大型的历史最新图表(具有数百万个数据点),同时实时更新(如果用户滚动到右边缘).

为了防止在懒惰加载数据时循环加载,我需要设置:

navigator : {
  adaptToUpdatedData: false
}
Run Code Online (Sandbox Code Playgroud)

但是,使用此设置,向图表添加新数据点不会再更新导航器,这使我无法查看这些新数据点(因为我无法滚动到前一个最右边的条目).我已经尝试将这些新数据点添加到导航器系列中,但导航器仍然没有更新.我还尝试以编程方式更改导航器系列的xAxis中的最大值,但无济于事.

我怎样才能做到这一点?

highcharts highstock

10
推荐指数
1
解决办法
6595
查看次数

使用highcharts.js绘制与x轴平行的水平线

下面是帕累托图表的小提琴.我想画一条平行于x轴的水平线,从左到右跨越,在y轴的80%标记处结束.我想在绘制帕累托图时始终这样做.

如果有办法动态地这样做,你能告诉我吗?

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        defaultSeriesType: 'column',
        borderWidth:1,
        borderColor:'#ccc',
        marginLeft:110,
        marginRight:50,
        //backgroundColor:'#eee',
        //plotBackgroundColor:'#fff',
    },
    title:{
        text:'Pareto Test 1'
    },
    legend:{
                                     
    },
    tooltip:{
        formatter:function(){
                if(this.series.name == 'Line'){
                    var pcnt = Highcharts.numberFormat((this.y / 415 * 100),0,'.');
                    return pcnt + '%';
                }
                return this.y;
            }
    },
    plotOptions: {
        series: {
            shadow:false,
        }
    },
    xAxis:{
        categories:['A','B','C','D','E','F','G','H'],
        lineColor:'#999',
        lineWidth:1,
        tickColor:'#666',
        tickLength:3,
        title:{
            text:'X Axis Title',
            style:{
                color:'#000'
            }
        
        }
    },
    yAxis:[{
        min:0,
        //endOnTick:false,
        //lineColor:'#999',
        lineWidth:1,
        //tickColor:'#666',
        //tickWidth:1,
        //tickLength:3,
        //gridLineColor:'#ddd', …
Run Code Online (Sandbox Code Playgroud)

highcharts highstock

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

Highstock Navigator总是从1970-1-1开始

我有问题,Highstock导航器始终显示1970-1-1作为创建动态系列和数据的起点......有没有人遇到过这个问题并有一些解决方法?

这是一个例子:http://jsfiddle.net/sokarovski/SRtvn/

var $container = $('.canvas');
var chart = new Highcharts.StockChart({
    chart: {
        renderTo: $container[0]
    },
    xAxis: {
        type: 'datetime' , 
        ordinal: false 
    } 
});

chart.addSeries({
    data: [
        [Date.UTC(2013,1,1), 0],
        [Date.UTC(2013,1,5), 10],
        [Date.UTC(2013,1,15), 15],
        [Date.UTC(2013,2,5), 20],
        [Date.UTC(2013,2,28), 25],
        [Date.UTC(2013,3,3), 30],
    ]        
});

//I tried to fix it with this also but it does not help
chart.xAxis[0].setExtremes(Date.UTC(2013,1,1), Date.UTC(2013,3,3));
Run Code Online (Sandbox Code Playgroud)

highcharts highstock

9
推荐指数
1
解决办法
3366
查看次数

试图在HighStock中设置最小高度

在此输入图像描述我们正在制定一个项目,用于绘制两个组的每个国家/地区的销售额.挑战在于,由于我们的原型专注于美国,因此美国的销售总是使所有其他国家相形见绌.我们想要做的是为任何大于0的条设置最小高度,以便用户能够看到所有条并知道鼠标悬停以获得悬停状态的计数.

我附上了一张图片,展示了美国销售规模如何使得右边国家的销售情况看起来像是0.在大多数情况下,只有美国出现但我们从未在底部展示过一个国家,除非有至少1次出售.

无论如何要定义最小高度,以便始终存在一些条形图?我们尝试添加一个边框,但是在相对于大条形图的销售数量相当小的情况下,这种情况不起作用.

谢谢!

highcharts highstock

9
推荐指数
1
解决办法
8268
查看次数

如何用新的Highchart创建一个新的Highstock图表而不是jquery?

Highchart网站上的所有示例都使用以下方法创建了一个库存表:

$('#container').highchart('Stockchart', config);

如何通过简单地使用new来创建股票图表?例如:

var chart = new Highchart('Stockchart', config)

我试过了,这......

var chart = new HighStock(config)

......没有运气.

highcharts highstock

9
推荐指数
1
解决办法
4775
查看次数

Highstock,错误:未捕获TypeError:w [(中间值)(中间值)(中间值)]不是构造函数

我正在尝试创建一个highstock图表,但我收到以下错误:

错误:未捕获TypeError:w [(中间值)(中间值)(中间值)]不是构造函数

我的JSON似乎有效,我的javascript也是,任何想法如何解决这个问题?

使用Javascript:

    $.getJSON('<?php echo SITE_URL; ?>analytic/weekly_views_json', function(data) 
    {
       // Create the chart
        $('#container2').highcharts('StockChart', {

            rangeSelector: {
                selected: 1
            },

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

            series: [{
                name: 'AAPL Stock Price',
                data: data,
                type: 'spline',

            }]
        });
    });
Run Code Online (Sandbox Code Playgroud)

JSON:

[[1420547368,1],[1423225768,1],[1425644968,1],[1428319768,1],[1430911768,1],[1433590168,1],[1452083368,1],[1454761768,1],[1457267368,1],[1458131368,1],[1459942168,1],[1494070168,1]]
Run Code Online (Sandbox Code Playgroud)

javascript jquery highcharts highstock

9
推荐指数
1
解决办法
4536
查看次数

标签 统计

highcharts ×10

highstock ×10

javascript ×4

jquery ×2

handlebars.js ×1

html ×1