找回密码
 立即注册

QQ登录

只需一步,快速开始

Derrick.Jiao 讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2021-4-16 17:08  /   查看:2036  /  回复:0
本帖最后由 DerrickJiao 于 2021-4-16 17:14 编辑

本期教程主要讲如何为不连续的区域添加图表,如下图就那样。目前SpreadJS是不能直接添加不连续的区域的,我们的方案就是给整块区域添加图表,然后通过移除对应的系列来实现不连续区域的图表。
image.png796851806.png



我们来看下代码,首先就是添加图表,接着就是将数据的横纵坐标翻转,然后通过remove移除对应的系列,移除完毕后,再将行列切换回来。值得注意的是,每移除一次系列,对应的索引就会更新。所以执行几遍remove(0)操作就能移除到指定的区域。目前来说,图表区域中间是不允许跳一列的。所以严格来说本期教程,也不完全是为不连续区域添加图表。
  1. var chart = sheet.charts.add('Chart1', GC.Spread.Sheets.Charts.ChartType.columnClustered, 0, 100, 800, 300, "A1:H4");
  2.         chart.switchDataOrientation();
  3.         var series = chart.series();
  4.         series.remove(0);
  5.         series.remove(0);
  6.         series.remove(0);
  7.         chart.switchDataOrientation();
复制代码


0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部