切片器有默认样式,你也可以给切片器设置自定义样式。
请查看 SlicerStyles 的定义获取切片器默认样式的列表。
请查看 SlicerStyle 的定义获取可以设置样式的区域。
请查看 SlicerStyleInfo 的定义获取可设置样式的属性。
使用 SlicerBorder 类来设置切片器的边框样式。
示例代码
以下代码创建了一个表格,创建了一个切片器,并给切片器的标题设置了一个颜色。
JavaScript
//create a table datas = [ ["1", "NewYork", "1968/6/8", "80", "180"], ["4", "NewYork", "1972/7/3", "72", "168"], ["4", "NewYork", "1964/3/2", "71", "179"], ["5", "Washington", "1972/8/8","80", "171"], ["6", "Washington", "1986/2/2", "89", "161"], ["7", "Washington", "2012/2/15", "71", "240"]]; var table = activeSheet.tables.addFromDataSource("table1", 2, 2, datas); dataColumns = ["Name", "City", "Birthday", "Weight", "Height"]; table.setColumnName(0, dataColumns[0]); table.setColumnName(1, dataColumns[1]); table.setColumnName(2, dataColumns[2]); table.setColumnName(3, dataColumns[3]); table.setColumnName(4, dataColumns[4]); var hstyle = new GC.Spread.Sheets.Slicers.SlicerStyleInfo(); hstyle.backColor("red"); var style1 = new GC.Spread.Sheets.Slicers.SlicerStyle(); style1.headerStyle(hstyle); //add a slicer to the sheet and return the slicer instance. var slicer = activeSheet.slicers.add("slicer1",table.name(),"Name"); //change the slicer properties. slicer.width(200); slicer.height(200); slicer.position(new GC.Spread.Sheets.Point(100, 200)); slicer.style(style1);