DatistEQ之找不同

最近遇到一个奇特的问题，大家先来看看下面这两张图有什么差异。

比较上下两幅图有什么差异？

是的，一眼看过去，两幅图没有什么差异。但这两幅图，确实有差异的，问题在纵轴上，它们的数值有微小的差别。

数据处理流程

这两个图像，都来源于JsChart节点，其图形配置（JS）代码是一样的，只是流输出方式，一个是位图，另一个是HTML。

JsChart节点设置

什么原因引起的呢？

JsChart节点调用的是Echarts.js组件^[1]绘制统计图。默认设置下，Echart会有动画效果。位图模式下，Echarts渲染未完成，数据专家未能正确获取到统计图的结果，从而产生上述的现象。

解决办法

在生成位图过程中需要关闭动画效果。

var x = [];
var y = [];
for(var i=0; i<pdata.length; i++) {
    x.push(pdata[i]['日期']);
    y.push(pdata[i]['频数']);
}
option = {
    color: ['#3398DB'],
    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        }
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '10%',
        top: '10%',
        containLabel: true
    },
    xAxis : [
        {
            type : 'category',
            name: '日期',
            nameLocation: 'middle',
            nameGap: 25,
            data : x,
            axisTick: {
                alignWithLabel: true
            }
        }
    ],
    yAxis : [
        {
            type : 'value',
            name: '频数',
            nameLocation: 'middle',
            nameGap:30
        }
    ],
    series : [
        {
            name:'频数',
            type:'bar',
            barWidth: '60%',
            label: {
            },
            data:y
        }
    ],
    animation:false //关闭动画效果
};