软件工程应用于实践:AJ-Report项目 源码分析(6)

本文深入分析了AJ-Report项目的前端部分,特别是report-uisrcviews eportigscreendesignerwidget中的代码。讨论了如何修改图标选项、设置X轴属性,包括坐标轴显示、名称、文字角度等。此外,还涉及了获取图表面积、tooltip配置、边距调整、图例操作和颜色定制以及数据解析等关键功能。
摘要由CSDN通过智能技术生成

2021SC@SDUSC

本次分析的是report-ui\src\views\report\bigscreen\designer\widget中的代码

methods: {
    editorOptions() {
      this.setOptionsTitle();
      this.setOptionsX();
      this.setOptionsY();
      this.setOptionsTooltip();
      this.setOptionsMargin();
      this.setOptionsLegend();
      this.setOptionsData();
    },
    setOptionsTitle() {
      const optionsSetup = this.optionsSetup;
      const title = {};
      title.text = optionsSetup.titleText;
      title.show = optionsSetup.isNoTitle;
      title.left = optionsSetup.textAlign;
      title.textStyle = {
        color: optionsSetup.textColor,
        fontSize: optionsSetup.textFontSize,
        fontWeight: optionsSetup.textFontWeight
      };
      title.subtext = optionsSetup.subText;
      title.subtextStyle = {
        color: optionsSetup.subTextColor,
        fontWeight: optionsSetup.subTextFontWeight,
        fontSize: optionsSetup.subTextFontSize
      };
      this.options.title = title;
    },
    setOptionsX() {
      const optionsSetup = this.optionsSetup;
      const xAxis = {
        type: "category",
        show: optionsSetup.hideX, 
        name: optionsSetup.xName, 
        nameTextStyle: {
          color: optionsSetup.xNameColor,
          fontSize: optionsSetup.xNameFont
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
AJ-Report是一款常用的报表工具,具有轻量、易用和灵活定制的特点。在使用AJ-Report进行报表开发时,可以根据需要添加所需的组件,以满足报表设计的需求。下面将介绍AJ-Report添加组件的方法。 首先,打开AJ-Report的报表设计器界面,选择需要添加组件的报表,点击鼠标右键,在弹出的菜单选择“添加控件”命令,系统会弹出可供添加的组件列表。 在组件列表,可以选择需要添加的组件,例如文本框、表格、图表等,在选择完组件后,将其拖拽到报表的相位置即可。在拖拽组件时,可以通过Ctrl键或Shift键多选或多拖拽组件。 添加组件后,还可以对其进行进一步的定制。在组件的属性面板,可以设置组件的颜色、字体、排版等样式属性,也可以设置组件的数据源、数据筛选等数据属性。 此外,在AJ-Report还可以通过自定义组件来扩展报表的功能。在报表设计器,可以创建自定义控件,并通过代码进行定制和开发。自定义组件在展示数据或实现业务逻辑时,具有强大的灵活性和可扩展性。 总的来说,AJ-Report添加组件的方法很简单,在设计器选择需要添加的组件,拖拽到相位置即可。同时,AJ-Report还具有自定义组件功能,可以扩展报表的功能。通过添加组件和定制组件,可以让AJ-Report的报表工作更加灵活和高效。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值