var customchart = this.getControl("yama_histogramchartap");
customchart.clearData(); // 清除数据 避免重复增加数据
// 设置图形的位置
customchart.setMargin(kd.bos.form.chart.Position.right, "80");
//指到图中 显示信息
customchart.setShowTooltip(true)
// 设置图例
customchart.setShowLegend(true);
//customchart.setLegendPropValue("left", 1000);
//customchart.setLegendPropValue("top", 0);
//customchart.setLegendPropValue("itemWidth", 8);
// customchart.setLegendPropValue("itemHeight", 8);
// true纵向显示 false不纵向显示
customchart.setLegendVertical(false);
var materiaName = new ArrayList();
materiaName.add("手机");
materiaName.add("电脑");
materiaName.add("桌子");
materiaName.add("洗衣机");
materiaName.add("电动车");
materiaName.add("摩托车");
materiaName.add("空调");
materiaName.add("ipda");
materiaName.add("冰箱");
var xAxis =customchart.createXAxis("", kd.bos.form.chart.AxisType.category);
// 设置X轴坐标数据
xAxis.setCategorys(materiaName);
// X轴指示器属性设置
var xAxisPointer = new HashMap();
xAxisPointer.put("show", true);
xAxisPointer.put("type", "shadow");
// X轴文本标签设置
var xAxisLabel = new kd.bos.form.chart.Label();
// 显示文本标签
xAxisLabel.setShow(true);
// 背景色黑色
xAxisLabel.setBackgroundColor("black");
// xAxisPointer. ("nameGap", "2");
xAxisPointer.put("label", xAxisLabel);
// 坐标轴名字
xAxis.setName("物料名称");
xAxis.setPropValue("axisPointer", xAxisPointer);
// 创建Y轴
var yAxis =customchart.createYAxis("厘米", kd.bos.form.chart.AxisType.value);
// 设置Y轴数据显示格式
//var axisLabel1 = new HashMap();
//axisLabel1.put("formatter", "{value} 厘米");
//yAxis.setPropValue("axisLabel", axisLabel1);
// Y轴设置最小刻度
//yAxis.setPropValue("minInterval", 1);
// Y轴指示器属性
//var yAxisPointer = new HashMap();
//yAxisPointer.put("show", true);
//yAxisPointer.put("type", "line");
// Y轴文本标签设置
//var yAxisLabel = new kd.bos.form.chart.Label();
//yAxisLabel.setShow(true);
//yAxisLabel.setBackgroundColor("black");
//yAxisPointer.put("label", xAxisLabel);
// Y轴设置指示线类型
//var lineStyle = new HashMap();
//lineStyle.put("type", "dotted");
//yAxisPointer.put("lineStyle", lineStyle);
// 设置Y轴不触发悬浮提示信息
//yAxisPointer.put("triggerTooltip", false)
//yAxis.setPropValue("axisPointer", yAxisPointer);
//创建柱装 并赋值
var barSeries = customchart.createBarSeries("长度");
var list01=new ArrayList();
list01.add(10);
list01.add(100);
list01.add(70);
list01.add(150);
list01.add(71);
list01.add(140);
list01.add(75);
list01.add(40);
list01.add(45);
// 设置标签值
var label1 = new kd.bos.form.chart.Label();
label1.setBackgroundColor("#0000FF");
label1.setShow(true);
// 设置位置为insideRight
label1.setPosition(kd.bos.form.chart.Position.insideRight);
// series[i]-bar.label.fontSize 文字的字体大小[ default: 12 ]
// label.setFontSize("10");
barSeries.setLabel(label1);
/**
* 不设置柱宽度 让其随类目宽度自适应
*/
// 设置柱宽度
// barSeries.setBarWidth("25px");
// 设置柱颜色
barSeries.setColor("#FF0000");
// 设置类别展示类型
barSeries.setType(kd.bos.form.chart.ChartType.bar);
// 动画过度时间
//barSeries.setAnimationDuration(2000);
// 设置相同的stack会堆叠显示
barSeries.setStack("stack");
// 设置所属坐标轴
barSeries.setPropValue("yAxisIndex", 0);
// 设置类别对应的数据包
for(var i=0;i<list01.size();i++){
barSeries.addData(toDouble(list01.get(i)))
}
var barSeries2 = customchart.createBarSeries("宽度");
var list02=new ArrayList();
list02.add(toInt(15));
list02.add(toInt(80));
list02.add(toInt(130));
list02.add(toInt(10));
list02.add(toInt(100));
list02.add(toInt(70));
list02.add(toInt(150));
list02.add(toInt(71));
list02.add(toInt(140));
// 设置标签值
var label2 = new kd.bos.form.chart.Label();
label2.setBackgroundColor("#0000FF");
label2.setShow(true);
// 设置位置为insideRight
label2.setPosition(kd.bos.form.chart.Position.insideRight);
// series[i]-bar.label.fontSize 文字的字体大小[ default: 12 ]
// label.setFontSize("10");
barSeries2.setLabel(label2);
/**
* 不设置柱宽度 让其随类目宽度自适应
*/
// 设置柱宽度
// barSeries.setBarWidth("25px");
// 设置柱颜色
barSeries2.setColor("#3CB371");
// 设置类别展示类型
barSeries2.setType(kd.bos.form.chart.ChartType.bar);
// 动画过度时间
//barSeries.setAnimationDuration(2000);
// 设置相同的stack会堆叠显示
// barSeries2.setStack("stack");
// 设置所属坐标轴
barSeries2.setPropValue("yAxisIndex", 0);
// 设置类别对应的数据包
//barSeries2.setData(list02.toArray())
for(var i=0;i<list02.size();i++){
barSeries2.addData(toDouble(list02.get(i)))
}
金蝶云苍穹 柱状图控件
最新推荐文章于 2021-10-25 12:52:33 发布