缩放效果的核心代码，如下，构建的图表json数据源中，包括该属性即可实现滑动缩放效果：

"dataZoom": [{

"type": "slider", //类型

"show": true, //是否显示

"xAxisIndex": [0], //数据轴

"start": 0,// 开始百分比

"end": 60 //结束百分比

}]
图表字段赋值需要放在AfterCreateNewData里面，提供2个示例，写法不同，效果一样：
示例1：

string data = "{\"xAxis\":{\"type\":\"value\"},\"yAxis\":{\"type\":\"category\",\"data\":[\"Mon\",\"Tue\",\"Wed\",\"Thu\",\"Fri\",\"Sat\",\"Sun\"]},\"series\":[{\"type\":\"bar\",\"data\":[120,200,150,80,70,110,130]}],\"dataZoom\":[{\"type\":\"slider\",\"show\":true,\"xAxisIndex\":[0],\"start\":0,\"end\":60}],\"grid\":{\"containLable\":true}}";  

this.Model.SetValue("F_kd_EChartsField", data);

示例代码2：

            JSONObject json = new JSONObject();

            JSONObject xAxis = new JSONObject();
            xAxis.Put("type", "value");
            json.Put("xAxis", xAxis);

            JSONObject yAxis = new JSONObject();
            yAxis.Put("type", "category");
            string[] yAxisData = { "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun" };
            yAxis.Put("data", yAxisData);
            json.Put("yAxis", yAxis);

            JSONArray series = new JSONArray();
            JSONObject seriesObj = new JSONObject();
            seriesObj.Put("type", "bar");
            int[] seriesObjData = { 120, 200, 150, 80, 70, 110, 130 };
            seriesObj.Put("data", seriesObjData);
            series.Add(seriesObj);
            json.Put("series", series);

            JSONArray dataZoom = new JSONArray();
            JSONObject dataZoomObj = new JSONObject();
            dataZoomObj.Put("type", "slider");
            dataZoomObj.Put("show", true);
            int[] index = { 0 };
            dataZoomObj.Put("xAxisIndex", index);
            dataZoomObj.Put("start", 0);
            dataZoomObj.Put("end", 60);
            dataZoom.Add(dataZoomObj);
            json.Put("dataZoom", dataZoom); 

            this.Model.SetValue("F_kd_EChartsField", json.ToString());

运行效果图如下，手机上通过手指滑动滑块即可实现，滑动缩放效果：

参考文档：dataZoom用法详细介绍