为不连续的区域添加图表

收藏

本帖最后由 DerrickJiao 于 2021-4-16 17:14 编辑

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

我们来看下代码，首先就是添加图表，接着就是将数据的横纵坐标翻转，然后通过remove移除对应的系列，移除完毕后，再将行列切换回来。值得注意的是，每移除一次系列，对应的索引就会更新。所以执行几遍remove(0)操作就能移除到指定的区域。目前来说，图表区域中间是不允许跳一列的。所以严格来说本期教程，也不完全是为不连续区域添加图表。

var chart = sheet.charts.add('Chart1', GC.Spread.Sheets.Charts.ChartType.columnClustered, 0, 100, 800, 300, "A1:H4");
chart.switchDataOrientation();
var series = chart.series();
series.remove(0);
series.remove(0);
series.remove(0);
chart.switchDataOrientation();

复制代码

		自动登录	找回密码
密码			立即注册

为不连续的区域添加图表

0 个回复

SpreadJS 高级认证

讲师达人

GrapeCity

悬赏达人

SpreadJS 认证