金蝶云苍穹 柱状图控件

在这里插入图片描述

   		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)))
		}
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值