在我的上一篇博客中，我描述了如何使用开源工具，以便在如何开发代码和使用什么工具方面提供更多的控制和灵活性。开源是可怕的，但不幸的是，不像SAPUI5，OpenUI5没有封闭的源代码sap.即图书馆，以帮助这些花哨的分析应用程序。即使你在用SAPUI5，云报，VizFrame是封闭源码的，如果你不喜欢它的行为…你不能对它做任何事。
下一个逻辑步骤当然是创建一个开源库，我称之为SimpleCharts。
你可以添加到您的项目与以下命令（假设你已经安装了bower）：
-bower安装openui5 simplecharts
那么在您的项目中，您只需要添加以下代码组件.js：
如果要使用地图打印，请将传单库添加到索引.html●
就这样。在此之后，创建一个图表就像创建一个数据集和一个图表一样简单（它作为库加载，所以您不需要jQuery.sap.require要求"）：
您还可以通过引用作为UI5库加载的openui5.simplecharts以XML形式声明图表。有条形图、折线图、PieChart、StackedBarChart和MapPlot（基于传单），关于大数据，您可以从JSDocs获得更多细节。我不想说太多细节，因为练习的目的是学习，而不是在SCN上转储一个库图表，所以下面是我一路上学到的：
像d3.js（数据驱动文档）这样伟大的库是如何免费提供的，我们可以感谢Mike Bostock给我们这个宝石。对于那些不了解d3.js的人来说，它是一个DOM操作库，大数据的内容，主要关注于缩放向量图形（Scaled Vector Graphics，SVG）。Mike不仅创建了d3.js，还创建了许多图表示例来指导您的开发。我用它们来创建除地图图以外的所有图表，所以这更多是迈克的工作，而不是我的。
为了了解D3.js，我几乎买了这本免费的书。我真的建议你阅读它，因为虽然看示例是可以的，但只有在读完这本书之后，我才能够真正理解所有命令并创建一个图表，而不必看示例。很值得，而且免费！
我希望Github上的源代码能帮助您在OpenUI5的环境中学习d3.js。随便你，因为就像我说的这是一次学习之旅，我的目标不是成为一个维护者（我会做一些调整来继续学习，但很遗憾我没有足够的时间来学习）。
最后，在创建了所有这些图表之后，我找到了NVD3.js库，它有一套基于D3.js的预构建图表。虽然练习的目的是学习D3.js，但如果你只想做一些图表，你应该去看看。
我喜欢谷歌地图和地图盒，但它们不是免费的，我想在地图上做一个气泡图。我很快发现Mapbox的JS库是建立在传单上的（实际上传单创建者加入了Mapbox），如果你能接受更难看的地图，你可以免费使用这个库和OpenStreetMaps（或者你可以把它叉起来，用Mapbox替换OSM）。你可以查一下SimpleMapPlot.js文件文件来看看我是怎么做的。
我本来打算在传单层上使用D3.js来绘制图表本身，但是对于简单的气泡图来说，这是不必要的，因为你可以使用L.CircleMarker来绘制你在屏幕截图中看到的圆，传单直接接受经纬度坐标。我最终使用D3比例作为气泡大小，这样它就可以根据地图的窗口大小进行调整。
另一个挑战是创建一个openui5库，这样它就可以像任何其他本机库（即sap.m）一样工作，这意味着要关注openui5项目的这个库页面，看看John Patterson在Google Maps库中所做的工作UI5。这是最后一节，也是我做的最后一件事，但是…我不应该。库必须遵循一个特定的签名，所以我必须重构所有的代码（经验教训）。
我比较麻烦的是CSS和主题。我对LESS一无所知，但是OpenUI5构建使用它，所以我必须学习。它很酷（基本上是带有变量的CSS），但是如果你不想麻烦的话，只要把你的.CSS重命名为.less，因为CSS是less的一个子集。
最后我想建立这个库，这样我就可以获取这个库了-预加载.js. 我试图理解优化OpenUI5/SAPUI5应用程序的预加载，但最终失败了，并采取了简单的方法…我使用了OpenUI5项目构建。您可以使用git克隆它，然后将项目添加到文件夹结构中。如果你遵守图书馆页面上的规则，这是严格的。只是别忘了把你的项目主题添加到底部的主题文件夹中（不知道为什么，但是蓝色水晶在项目中有一个单独的文件夹）。
剩下的就是打开gruntfile.js文件在OpenUI5项目中，将您的库添加到构建中，运行"grunt build"，几分钟后您将获得库-预加载.js（和这个库.css)在"目标"文件夹中
我希望你从这个博客中得到的主要信息是，大数据教程，有一些工具可以让你做任何你想做的事情。在实时和物联网时代，不要把自己局限于现有的最终用户框架。如果你有一个愿景（和时间），你可以建立自己！
很好的博客，期待尝试
非常好的工作和创造自己的图表可视化的替代品！
工作很有魅力，非常感谢
干得好。但我有个问题。我下载了您的源代码并运行示例TESTGRAPH（/sample/TESTGRAPH/索引.html)我出错了。
