基于HighCharts的图表展示工具

列举的主要功能:

  1. 图表拖拽
  2. 拖拽属性点到图表
  3. 支持多种布局
  4. 支持修改图表的折线颜色、Y轴颜色(仅多Y轴支持)
  5. 支持删除指定折线图
  6. 支持对图表中的Y轴设置上下限
  7. 支持对每条属性设置上下限
  8. 支持修改每一个图表的标题
  9. 支持自动刷新

演示拖拽图表的功能(由于网站文件大小限制,举例几个图表)

基于HighCharts的图表展示工具
下面演示拖拽属性点生成折线图和修改其中一条颜色(以多Y轴为例)
基于HighCharts的图表展示工具
图表配置到指定菜单上,下面是菜单展示页面生成的实际图表(这里以雷达图为例)
基于HighCharts的图表展示工具
代码方面:每一种图表为一个单独文件,方便后续维护和功能优化。
基于HighCharts的图表展示工具
到这里就是所有的图表工具的功能,希望大家多多给出优化建议。

上一篇:使用RxJs WebSocket,HighCharts和Angular实时数据


下一篇:按highcharts中column形式转对象展现格式