图表标题

SpreadJS允许用户在可视化表单中的数据的同时配置图表标题。 基本上，图表标题是指赋予图表的名称。

自定义图表标题

用户可以使用 title 方法 在 Chart 类中添加标题。用户可以为其图表设置自定义文本。 使用此方法中可用的各种自定义选项，定义其字体系列，变更其字体大小和字体颜色等。

带有基本组件自定义的图表如下所示。 该图表的标题是“年度销售记录”。

代码

下面的示例代码显示了如何为图表配置自定义标题。

var activeSheet = spread.getActiveSheet();
activeSheet.suspendPaint();
// 准备图表数据
activeSheet.setValue(0, 1, "Y-2016");
activeSheet.setValue(0, 2, "Y-2017");
activeSheet.setValue(0, 3, "Y-2018");
activeSheet.setValue(1, 0, "Mobile Phones");
activeSheet.setValue(2, 0, "Laptops");
activeSheet.setValue(3, 0, "Tablets");       
for (var r = 1; r <= 3; r++)
{
for (var c = 1; c <= 3; c++) {
activeSheet.setValue(r, c, parseInt(Math.random() * 10000));
}
}
// 添加图表
var chart = activeSheet.charts.add('Chart1', GC.Spread.Sheets.Charts.ChartType.columnClustered, 20, 110, 550, 250, "A1:D4");
    
// 配置图表标题
var title = chart.title();
title.text = "Annual Sales Record";
title.fontFamily = "Cambria";
title.fontSize = 28;
title.color = "#696969";
chart.title(title);