SpreadJS怎样让图表单独显示在页面中

SpreadJS的图表无法脱离表格区域单独存在，因此我们可以通过一些配置，让表格所在的workbook全部隐藏到chart后方，看起来像是SpreadJS所在层中只有图表这个独立的元素的效果。
这种场景常见于设计器中设计了图表后，把图表的效果放到页面指定位置上的需求。

一、Workbook级别的设置：
1、隐藏滚动条：
spread.options.showVerticalScrollbar = false;
spread.options.showHorizontalScrollbar = false;
2、隐藏标签页栏：
spread.options.tabStripVisible = false;

3、设置滚动对齐：
spread.options.scrollbarMaxAlign = true;
spread.options.scrollbarShowMax = true;


二、WorkSheet级别的设置：
Worksheet是承载图表的单位，这里设置的结果要求不显示灰色框线，且单元格的数量不超过图表的边缘。如果涉及数据引用，请在新的sheet表单中设置数据，跨sheet指给chart。
1、设置行列头不可见：
sheet.options.colHeaderVisible = false;
sheet.options.rowHeaderVisible = false;
2、隐藏灰色框格线：
sheet.options.gridline.showHorizontalGridline = false;
sheet.options.gridline.showVerticalGridline = false;
3、保护表单，固定chart的位置和宽高：
sheet.options.isProtected = true;


完整实例请参考附件。