示例说明
在电子表格中若有图表，可通过此示例方法实现自定义鼠标提示。如下：
通过宏代码，修改鼠标提示信息。当鼠标移动到线图上时，线图鼠标提示数据增加百分号，柱图鼠标提示区域和数据。效果如下：
版本及客户端说明
1.smartbi版本：最新版本
2.客户端：PC
3.浏览器：IE、谷歌浏览器（Chrome）
设置方法
1.在Excel中创建电子表格，其中柱图名称为“柱图”、线图名称为“趋势图”。如下：
2.在浏览器的“分析展现”节点下，选中电子表格，右键选择 编辑宏 进入报表宏界面。
3.在报表宏界面新建客户端模块。在弹出的新建模块对话框中，选择对象为spreadsheetReport、事件为onRenderTable、并把下面宏代码复制到代码编辑区域。
宏类型
类型 | 对象 | 事件 |
|---|---|---|
ClientSide | spreadsheetReport | onRender |
宏代码
function main(spreadsheetReport) {
spreadsheetReport.formatChartTitle = function(chart, seriesIndex, pointIndex, categoryValues, xValue, yValue) {
var charts = this.elemSheetFrame.contentWindow.charts;
//如果图表名称包含"趋势图"，则鼠标提示显示%
var name;
if (chart.name.indexOf("趋势图") >= 0) {
name = chart.series[seriesIndex].name || "";
if (name) name += ":"
if (categoryValues) return categoryValues.join("") + "\r\n" + name + yValue + '%';
else return xValue + "\r\n" + name + yValue + '%';
}else {
//以下是鼠标提示设置代码，除了趋势图，其余图形鼠标提示按照默认格式显示
name = chart.series[seriesIndex].name || "";
if (name) name += ":"
if (categoryValues) return categoryValues.join("") + "\r\n" + name + yValue;
else return xValue + "\r\n" + name + yValue;
}
}
}
关键对象总结
修改电子表格鼠标提示主要宏代码：
function main(spreadsheetReport) {
spreadsheetReport.formatChartTitle = function(chart, seriesIndex, pointIndex, categoryValues, xValue, yValue) {
var name = chart.series[seriesIndex].name || "";
if (name) name += ":"
if (categoryValues) return categoryValues.join("") + "\r\n" + name + yValue;
else return xValue + "\r\n" + name + yValue;
//若要显示不同小数位数，可加上tofixed()函数
//if (categoryValues) return categoryValues.join("") + "\r\n" + name + yValue.toFixed(2);
//else return xValue + "\r\n" + name + yValue.toFixed(2);
}
}
资源下载
报表资源：修改电子表格图形鼠标提示.xml
