电脑桌面
添加蚂蚁七词文库到电脑桌面
安装后可以在桌面快捷访问

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

来源:金蝶云社区作者:金蝶2024-09-235

移动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格式

声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。如若本站内容侵犯了原著者的合法权益,可联系本站删除。

已经是第一篇
确认删除?
回到顶部
客服QQ
  • 客服QQ点击这里给我发消息
QQ群
  • 答案:my7c点击这里加入QQ群
支持邮箱
微信
  • 微信