Essential Chart for JavaScript是一款基于JavaScript和Html5的图表控件，包含在Essential Studio for JavaScript界面套包控件里，并不单独试用和销售，该控件包含了常用的28种图表类型，支持各种金融上常用的技术指示器，支持3D显示，支持数据绑定。开发人员可以对图表的各种元素进行自定义设置，下面的文章主要介绍怎么利用该产品快速创建一个实时图表。图表可以使用实时数据动态更新图表，可以通过对数据源数据进行添加和删除，然后使用控件提供的 redraw方法来重新实时绘制：

//Rendering empty Chart without data

     $("#chartcontainer").ejChart({

            

             series: [ 

                     {  points: [ ] }

              ], 

             // ...

       });

    //Using set interval to update chart dynamically

    window.setInterval(updateChart, 200);

 

    //Function that updates chart dynamically

    function updateChart(){

 

        //Creating chart instance

        var chart =  $("#chartcontainer").ejChart("instance");      

        

        if (chart.model.series[0].points.length > 10)

               chart.model.series[0].points.splice(0, 1);

        

        var point = chart.model.series[0].points;

        var xValue = point.length > 0 ? point[point.length - 1].x + 1 : 1;

        point[point.length] = { x:  xValue, y: getRandomNum( 1000 ) }

                

        //Update Chart dynamically using redraw option

        //chart.redraw() can also be used here instead of redraw option

        $("#chartcontainer").ejChart("redraw");      

       }

完整的事例和代码可以参考下面的链接：

http://js.Syncfusion.com/demos/web/#!/azure/chart/live