移动BOS:图表字段通过插件实现滑动缩放效果,及完整示例

缩放效果的核心代码,如下,构建的图表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移动BOS:图表字段通过插件实现滑动缩放效果,及完整示例
缩放效果的核心代码,如下,构建的图表json数据源中,包括该属性即可实现滑动缩放效果:"dataZoom": [{"type": "slider", //类型"show":...
点击下载文档文档为doc格式
声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
上一篇
已经是第一篇



