在显示外汇数据时调整Shield UI图表刷新方式

时间:2013-07-24 09:21:59

标签: shieldui

刷新Shield UI Chart时会出现某种闪烁现象。是否可以调整图表的设置,以便新点更加无缝地显示?这是我使用的代码:

                    $("#ForexChart").shieldChart(
                        {

                            tooltipSettings: {
                                enabled: false
                            },
                            exportOptions:
                            {
                                image: false,
                                print: false
                            },
                            dataSeries: [
                                {
                                    seriesType: 'line',
                                    collectionAlias: 'Euro-US Dollar Crossrate',
                                    data: Fored_EUR_USD,
                                }
                            ]
                        }
                        );

1 个答案:

答案 0 :(得分:0)

事实上,有些事情需要调整,以便显示的图表和数据看起来更好。 Firtst我没有看到X轴的任何设置。你真的需要设置不是最大的。这是为了一直有固定的价格数量所需:

axisX: {
 min: 0,
 max: 55
},

如果未指定max,则每次向阵列添加新点时,滴答量将增加,直到达到阵列的最大所需大小。事实上,一旦我们拥有了所有的点并且开始用最新的点替换最旧的点,这种行为就会停止。但是,特别是刷新率较慢时,图表看起来很烦人。

您还需要明确禁用动画:

 applyAnimation: {
  duration: 0
 },

并且可能您可能还想删除点标记,因为只有一条线看起来会更好。

您可能会使用此代码:

seriesSettings: {
    line: {
        applyAnimation: {
            duration: 0
        },
        pointMark:{
            enabled: false
        }
    }
},