帆软报表图表组件开发记录

帆软爱好者

已于 2023-01-13 16:17:22 修改

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：帆软报表高级开发文章标签：信息可视化 finereport 图表组件

于 2023-01-12 17:17:59 首次发布

本文链接：https://blog.youkuaiyun.com/sixingbugai/article/details/128662513

帆软报表高级开发专栏收录该内容

58 篇文章 ¥49.90 ¥99.00

订阅专栏

超级会员免费看

本文详细记录了帆软报表图表组件的开发过程，包括组件与属性面板的关联、设计器启动时的图表注册、单元格编辑器的注册与使用，以及图表选择弹窗的实现。重点介绍了ChartCellEditor和ChartDialog在图表选择及属性设置中的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1 图表组件的开发也跟其他组件开发是一样的，这里有两个东西，一个是组件本身，一个是组件的属性面板。属性可能出现在设计器右边面板上，也可能出现在其他地方。当编辑组件时候，组件的属性值会传递到属性面板上，当在属性面板上修改了属性值，会传递到组件中去，当点击保存报表时，组件会将属性值存到报表的xml文件里，当预览的时候，组件会将他的属性通过json传递到前端js中，js端就可以通过这些属性来构建界面了。

2 图表插件的开发主要完成两个扩展。

    <extra-chart>
        <IndependentChartProvider class="com.fr.plugin.gb.echarts.EchartsSimpleChartProvider" plotID="gbEchartsSimpleChartId"/>
    </extra-chart>

    <extra-chart-designer>
        <IndependentChartUIProvider class="com.fr.plugin.gb.echarts.EchartsSimpleChartUI" plotID="gbEchartsSimpleChartId"/>
    </extra-chart-designer>

IndependentChartProvider相当于组件

了解本专栏