js统计图表工具FineReport教程:[13]系列拖曳

 时间:2024-11-01 07:46:25

1、数据修改Chart.cpt模板中数据配置只有2个系列,展示系列拖曳时,效果可能不会很明显,下面我们修改该图表的系列名,如下图,选中图表,点击图表属性表-数据,将系列名修改为产品:

js统计图表工具FineReport教程:[13]系列拖曳

3、效果查看模板设置完成之后,保存模板,点击分页预览按钮查看报表,如下图,web端查看该报表,里面有5个系列:

js统计图表工具FineReport教程:[13]系列拖曳

5、系列删除如果想要将某个系列的数据从web端图表中去除,那献垴淄睬么该如何操作呢?点击右上角的按钮,清除该模板在web端的所有操作,恢复到原始状态,比如说,菀蒯踔观我们不想看到牛肉干系列的数据,那么我们可以使用鼠标按住牛肉干系列所在的柱子,将其往图表外侧区域拖曳即可,可往图表的绘图区域外侧的任意方向都可以,如下图:

js统计图表工具FineReport教程:[13]系列拖曳

6、注:图表系列的删除与图表图例交互中的系列隐藏是不一样的,系列拖曳删除系列是直接将该系列从图表中删除,数据也不存在,除非刷新页面或者清除操作才可能恢复,而图例交互中的隐藏确是将该系列进行隐藏,再次点击该系列图例就可以再次恢复。

  • js统计图表工具FineReport教程:[10]图表联动
  • js统计图表工具FineReport教程:[12]图表缩放
  • js统计图表工具FineReport教程:[9]股价图
  • 如何用js统计图表FineReport做图表
  • js统计图表工具FineReport如何设置图表缩放
  • 热门搜索
    云南腾冲旅游攻略 巴基斯坦旅游签证 同城旅游网 酒店旅游 北京怀柔旅游景点大全 温州旅游景点大全 去欧洲旅游 浙江长兴旅游 大理旅游网 旅游摄影