一种可视化数据显示方法、装置和可读介质制造方法及图纸

本发明专利技术实施例公开了一种可视化数据显示方法、装置及可读介质，所述方法应用于WEB页面，所述WEB页面包括第一区域、第二区域以及第三区域；所示方法包括，以监听所述第一区域的用于选择可视化模板的选择操作为触发，确定与所述选择操作对应的模板配置文件；依据所述模板配置文件渲染可视化数据，并在所述第二区域中显示所述可视化数据；基于所述模板配置文件确定属性面板渲染参数；依据所述属性面板渲染参数渲染显示面板，并在所述第三区域显示所述属性面板；建立所述属性面板中组件与所述可视化数据的关联关系；其中，所述组件的组件参数改动时能够影响所述可视化数据的显示效果。改动时能够影响所述可视化数据的显示效果。改动时能够影响所述可视化数据的显示效果。

【技术实现步骤摘要】
一种可视化数据显示方法、装置和可读介质


[0001]本申请涉及计算机领域，尤其涉及一种可视化数据显示方法、装置和可读介质。

技术介绍

[0002]目前，利用开源的ECharts图表库，能够在Web页面上展示可视化图表。ECharts是 JavaScript开源库，目前很多可视化图表采用此库进行图表开发。
[0003]图1是现有技术中，利用EChart图表库展示可视化数据的界面示意图。从图1中可以 看出，目前的成熟技术中，页面分为两个区域，区域11是代码区域，区域12是展示区域。 当用户需要修改展示区域中的各种展示效果时，需要将代码区域中的代码，然后对代码进 行编译后才能够改变展示区域中所显示的内容。
[0004]为了解决现有技术所存在的缺陷，另一现有技术中，如图2所示，图2是现 有技术中，利用EChart图表库展示可视化数据的另一种界面示意图，区域21不 显示代码而显示可视化模板，如图2的区域21中示出的基础柱状图、基础条形 图、柱状堆叠图、逆向条形图、条形堆叠图、百分比柱状堆叠图、百分比条形堆 叠图等可视化模板，用户可以根据需本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种可视化数据显示方法，其特征在于，应用于WEB页面，所述WEB页面包括第一区域、第二区域以及第三区域；所述方法包括：以监听所述第一区域的用于选择可视化模板的选择操作为触发，确定与所述选择操作对应的模板配置文件；依据所述模板配置文件渲染可视化数据，并在所述第二区域中显示所述可视化数据；基于所述模板配置文件确定属性面板渲染参数；依据所述属性面板渲染参数渲染显示面板，并在所述第三区域显示所述属性面板；建立所述属性面板中组件与所述可视化数据的关联关系；其中，所述组件的组件参数改动时能够影响所述可视化数据的显示效果。2.根据权利要求1所述的方法，其特征在于，所述方法还包括：接收对所述属性面板中组件的组件参数进行修改的修改操作；基于所述修改操作，确定所述模板配置文件中与所述组件参数对应的模板参数；将所述模板参数修改为所述组件参数；基于更新后的所述组件参数刷新所述可视化数据。3.根据权利要求2所述的方法，其特征在于，所述页面还包括第四区域，所述方法还包括：确定所述可视化数据对应的可修改参数；基于所述可修改参数在所述第四区域中显示可修改参数表格。4.根据权利要求3所述的方法，其特征在于，所述方法还包括：基于更新后的所述组件参数刷新所述可修改参数表格。5.根据权利要求3所述的方法，其特征在于，所述第四区域还包括代码第一子区域，所述代码第一子区域用于显示所述可修改参数表格对应的代码。6.根据权利要求5所述的方法，其特征在于，还包括：接收对所述代码的修改操作...

【专利技术属性】
技术研发人员：李承展，李慧洁，王波，蒋品，
申请(专利权)人：北京光启元数字科技有限公司，
类型：发明
国别省市：