Html 带有AngularJS的直方图弹出窗口

我想有一些弹出窗口，将显示一个图表在同一页上，我点击了按钮。 大概是这样的：

我如何在AngularJS中实现这一点？我已经设置了所有的多视图文件，如模块、控制器等。我想我只需要更改主控制器的HTML模板

更新

我用route

#将直方图加载到单独的组件上/直方图/：elemId

。 所以事实上，在创建图表和数据收集方面，一切都准备好了

我想做的是有这样一个弹出窗口，显示在同一个页面上，点击链接的地方。类似于

alert（）

，但它不是通过浏览器显示的，而是通过页面显示的，如果这有意义的话

---

你可以在YouTube.com/watch？v=aqCMlI6Wq64上看到代码，你必须创建一个弹出模式，它将作为基础，我没有时间在这里解释，但我在YouTube.com/watch？v=aqCMlI6Wq64上给你留下了一个简单的教程

制作一个ng控制器，如下所示：

<div class="chart" ng-controller="histogramController">
    <p>Stuff here</p>
</div>

---

你首先要了解AngularJS是如何工作的。如果你有知识，那真的很容易，我们能帮你什么？你需要在你的页面上配置AngularJS，通过一个模式，你可以从控制器生成数据收集和图形。你好，我已经更新了帖子，让它更清楚，我已经创建了直方图/图形组件，它是独立工作的route@Ivan-桑，你好

function histogramController($scope) {
   // Chart.js functions on scope
}