金蝶云苍穹 通用图控件

在这里插入图片描述

    //获取通用图控件
	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();
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值