//获取通用图控件
var customChart=this.getControl('yama_standard_drawing');
//清理通用图数据
customChart.clearData();
//模拟数据
var values=new ArrayList();
for (var i=0; i<toDouble(12); i++){
var map =new HashMap();
map.put("name","name"+i);
map.put("value1",50+i);
map.put("value2",30+i);
values.add(map);
}
//画x、y轴
var xaxis = customChart.createXAxis('', kd.bos.form.chart.AxisType.category)
var taskNumberAxis = customChart.createYAxis('value1(Δ)', kd.bos.form.chart.AxisType.value)
var yAxis = customChart.createYAxis('value2(t)', kd.bos.form.chart.AxisType.value)
//设置两个y轴的最大最小值 每次间隔多少 可以不写会自动根据值去改变
//taskNumberAxis.setMax(200)
//taskNumberAxis.setMin(0)
//taskNumberAxis.setInterval(50)
//yAxis.setMax(500)
//yAxis.setMin(0)
//yAxis.setInterval(50)
//创建点线图
var expireSeries = customChart.createLineSeries('value1(Δt)')
expireSeries.setSmooth(true)
expireSeries.setYAxisIndex(0)
expireSeries.setItemColor(' #FFC0CB');//线的颜色
var es = customChart.createLineSeries('value2(t)')
es.setSmooth(true)
es.setYAxisIndex(1)
es.setItemColor('#39bdb9')//线的颜色
//设置柱状图颜色 两个会有渐变效果
var items = new ArrayList();
var item1 = new kd.bos.form.chart.GradientItem();
item1.setOffset(0)
item1.setColor('#0000FF')
items.add(item1)
var item2 = new kd.bos.form.chart.GradientItem()
item2.setOffset(1)
item2.setColor('#00FFFF')
items.add(item2)
es.setAreaColor(0, 0, 0, 1, items)
//this.curveStyle(expireSeries,'#ff7733', '#ffddcc', '#ff7733')
// this.curveStyle(es,'#2BBFC1', '#d6f3f2', '#39bdb9')
var xDimensions = new ArrayList()
xDimensions.clear()
//添加 线或柱状 的值
for(var i=0;i<values.size();i++){
var methodInfo = values.get(i);
es.addData(toDouble(methodInfo.get("value1")));
xDimensions.add(methodInfo.get("name"));
expireSeries.addData(toDouble(methodInfo.get("value2")));
}
//设置 x轴内容
xaxis.setCategorys(xDimensions);
// 设置图标边距
customChart.setMargin(kd.bos.form.chart.Position.left, '60px')
customChart.setMargin(kd.bos.form.chart.Position.right, '60px')
customChart.setMargin(kd.bos.form.chart.Position.top, '50px')
//显示图例 可以不写默认true
customChart.setShowLegend(true);
//指到图中 显示信息
customChart.setShowTooltip(true)
// 刷新图表
//customChart.refresh();
金蝶云苍穹 通用图控件
最新推荐文章于 2021-09-03 10:06:38 发布