标签: highstock

Highstock中没有正确显示尖峰

我有一个关于Highstock的问题.我有一个数据记录引擎负载,数据集中有尖峰.我试图在Highstock中绘制此数据集,但是当输入数据范围很大(到某个点)时,峰值将无法在图表中正确显示.随附图片以便更好地解释.

在日期范围不大时正确显示: 在此输入图像描述 数据范围很大时无法正确显示: 在此输入图像描述

这两个图像仅使用不同的时间范围从同一数据集绘制图表.为什么会在Highstock中发生这种情况以及如何解决这个问题?

先感谢您.

javascript jquery highcharts highstock

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

Highstock v3.0如何禁用工具提示超时/延迟

在Highstock 3.0版中,工具提示在隐藏之前有一个延迟/超时.

有没有办法禁用/减少此延迟/超时?

我无法找到最新版本的API文档@ http://api.highcharts.com/highstock#tooltip

我希望有一种无证实现的方法.

highcharts highstock

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

Highstock 1.3 afterSetExtremes限制

我将Highstock.js更新为1.3并注意到afterSetExtemes事件在每个拖动事件上触发而不是dragend/mouseup.我正在通过ajax更新主系列,但现在这会导致数百个ajax调用同时触发.我似乎无法找到防止这种情况的设置.有没有人见过这个问题?

highcharts highstock

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

在highcharts中选择了rangeSelector按钮

我想知道如何确定在highstock中选择了哪个rangeSelector按钮.

我的rangeSelector按钮:

   buttons: [{
            type: 'month',
            count: 1,
            text: '1 MONTH',
        }, {
            type: 'month',
            count: 3,
            text: '3 MONTH'
        }, {
            type: 'month',
            count: 6,
            text: '6 MONTH'
        }, {
            type: 'ytd',
            text: 'YTD'
        }, {
            type: 'year',
            count: 1,
            text: '1 YEAR'
        }, {
            type: 'all',
            text: 'ALL'
        }],
Run Code Online (Sandbox Code Playgroud)

例如,我点击我的第一个rangeSelector,即1个月.我想知道这个按钮是否被选中.

有什么事吗?

谢谢

highcharts highstock

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

从Highstock的RangeSelector获取当前选择的范围

我正在使用highcharts和highstock并且有一些图表使用rangeSelector.

一切正常,但我想获取当前选定的范围(当用户点击其中一个rangeSelector按钮时),这样我就可以将它存储在一个cookie中,以便下次默认显示我想要显示的范围.

到目前为止,我已经尝试了各种各样的东西,比如添加一个chart.events.redraw测试来尝试捕获chart.rangeSelector.buttons对象,但它似乎并没有包含任何有趣的东西.

对我来说,理想情况是rangeselector.buttons上的事件回调,带有一个简单的getter函数,比如chart.rangeSelector.buttons[x].setState()命名为chart.rangeSelector.buttons[x].getState()

我很惊讶这不存在......我必须遗漏一些东西.有人可以提供帮助吗?

javascript charts highcharts highstock

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

股票图表 - 格式化的工具提示和前缀或未显示的后缀

我使用股票图表来显示趋势数据.在后端我得到valueSuffix应该是什么(或视情况而定valuePrefix).我也在工具提示中格式化日期显示.这是系列声明的重要部分:

...
           name: 'Wages',
            tooltip: {
                valuePrefix: '$',
                valueDecimals: 0
            },
...
Run Code Online (Sandbox Code Playgroud)

这是工具提示格式化程序:

...
    tooltip: {
        formatter: function () {
            var s = '<b>';
            if (Highcharts.dateFormat('%b', this.x) == 'Jan') {
                s = s + 'Q1';
            }
            if (Highcharts.dateFormat('%b', this.x) == 'Apr') {
                s = s + 'Q2';
            }
            if (Highcharts.dateFormat('%b', this.x) == 'Jul') {
                s = s + 'Q3';
            }
            if (Highcharts.dateFormat('%b', this.x) == 'Oct') {
                s = s + 'Q4';
            }
            s = s + ' ' + Highcharts.dateFormat('%Y', …
Run Code Online (Sandbox Code Playgroud)

highcharts highstock

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

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

如何删除highcharts上的底部缩放栏?

如何删除highcharts中的这个高亮区域?请分享你的答案.谢谢 在此输入图像描述

highcharts highstock

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

想要在 highcharts/highstock 中使用鼠标滚轮移动 y 轴滚动条

参考我想用鼠标滚轮移动我的 y 轴滚动条的问题有什么办法吗?

  yAxis:
        {
            scrollbar: {
                enabled: true,
                showFull: false

            },
        }
Run Code Online (Sandbox Code Playgroud)

更新代码

波纹管是我更新的代码

var chart1 = new Highcharts.Chart({

        chart: {
            renderTo: 'container1',
            type: 'column',
            zoomType: 'xy',
            panning: true,
            panKey: 'shift',
            //type: 'column',
            //zoomType: 'xy',
            //panning: true,
            //pankey: 'shift',
            resetZoomButton: {
                position: {
                    //align: 'right', // by default
                    //verticalAlign: 'top', // by default
                    x: -10,
                    y: 350,
                    //height: 25
                },

                relativeTo: 'chart'
            }
        },
        scrollbar:{
            enabled: true
        },
        navigator: {

            //xAxis: {
            //    tickWidth: 0,
            //    lineWidth: 0,
            // …
Run Code Online (Sandbox Code Playgroud)

javascript jquery highcharts highstock asp.net-mvc-5

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

Highchart / Highstock 如何设置单个 ohlc 或蜡烛的颜色?

我已经设置了一个角度为2的highstock ohlc。但是不能设置OHLC图表类型的上下颜色,例如hclose增加时绿色,减少时红色。是否有任何 API 参考或任何实现方式?像下图这样我希望我的图表看起来像..我想实现这样的东西

javascript highcharts highstock angular

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