问候语！

在本期关于修改现有扩展的小博客系列中，我们将介绍如何在图表中添加或删除标题或图例。作为可视化扩展最佳实践的一部分，我们已经提到在Web IDE中创建可视化扩展项目时检查标题和图例。

删除标题和/或图例

通常，大数据时代纪录片，如果您转到流量.js在Web IDE项目中，您应该可以找到以下标题和图例的代码段。如果您想删除它们，只需突出显示行并按键盘上的Ctrl+/即可将它们注释掉。

添加标题和/或图例

将标题和图例放回原处的简单方法是在中"取消注释"上面的代码段流量.js

但是，在一些扩展项目中，标题和图例代码段可能不存在根本不在那里。在这种情况下，大数据教程，使用SVG和D3.js在图表中添加或附加您自己的标题和图例更容易

附加标题

只需在中添加以下D3代码片段渲染.js渲染完所有其他元素后：

可视附加（"文本"）.attr（"x"，宽度/2）.attr（"y"，数据分析工具有哪些，页边空白.top*2）.属性（"类"，"companyname_viz_ext_myextensionname_title"）.text（"我的自定义标题"）；

然后转到默认.css并添加以下样式：

.companyname\u viz\u ext\u myextensionname\u title{font-size:32px；font-family:Sans-Serif；fill:#000；}

确保您的类名相同。

这应该给您：

这可以应用于任何扩展。

添加图例

同样，我们也可以在图表中添加图例。通过使用d3svg元素附加它。你可以去流量.js并粘贴以下代码段以包含图例：

var legendElement=sap.viz.extapi.流.createElement（{id:）sap.viz.图表.元素.颜色图例，商城返利，名称："图例"，维度索引：[1]}）；流量附加元件（{"element"：legendeElement，"propertyCategory"："legend"，"place"："right"}）；

也可以自己画。样本代码：

来自lumira扩展，即/渲染.js在master·SAP/lumira extension viz·GitHub

我们得到：

您也可以使用D3.js编写自己的代码，并附加自己的自定义图例。

接下来是我们的lumira viz extension调整小博客系列：工具提示！

祝您在定制图表时好运！！

，国内云服务器