问题标签 [angular-chart]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2792 浏览

angularjs - 具有多条水平线(边距)的角图/折线图

我正在尝试创建一个具有四条水平线(边距 - 两个上边距和两个下边距)的角线图。请看这个小提琴 - https://jsfiddle.net/CypressMountain/arq34fcu/30/

我的目标是在角度控制器内定义这些线的属性(值、颜色、标签),而不是在 JQuery 折线图扩展内定义,因为它目前在小提琴中完成。图形属性以及边缘线属性将来自后端,并且边缘线将独立于图形绘制。

我不知道如何在控制器中实现 $scope.margins = [] 之类的东西,类似于我们对 $scope.data = [] 或 $scope.labels ... 的任何帮助。

这是 HTML:

当折线图类型被扩展时,边线现在在绘图函数中定义

这是控制器:

前两篇文章被引用 angular-chart add Horizo​​ntal lineChart.js - draw Horizo​​ntal line

0 投票
1 回答
1041 浏览

javascript - Angular Chart js饼图不起作用

我已经安装了所有依赖项,并且我的代码似乎是正确的,但仍然无法指出为什么代码根本没有呈现。

提前致谢。

0 投票
1 回答
868 浏览

angularjs - Having different colors per bar with angular charts chart.js v2

How do you have each bar in a bar chart have a different color using angular-chartjs on the chartjs 2.0 branch?

My canvas looks like this:

My GBCC controller looks like this:

It will change all the bars to the first color in the array, but not use the other colors. Does any one know how to do this?

0 投票
1 回答
1163 浏览

angularjs - legend not displayed for radar Angular-chart.js

I'm trying to create a radar chart using angular-chart js and chartjs 2.1. I was able to display the graph but not the legend. would you help me to display it. here is a plunker for what I've done

0 投票
1 回答
1181 浏览

javascript - Angularjs图表没有调整大小

我有一个使用 angularjs 的小型 webapp,我正试图从angularJS 库中起诉两个图表。我正在使用酒吧和馅饼。它们渲染得很好,但由于某种原因,它们拒绝随着显示器变小或变大而调整大小。

我的 HTML 代码:

我的包装器 CSS 代码

我的 Javascript 代码

0 投票
0 回答
34 浏览

angularjs - 关闭开发人员工具时重新加载角度图表

在我正在处理的页面上,我使用角度图表。

但我注意到每次我打开开发者工具(F12)(在 Chrome 和 Firefox 中测试)然后关闭它,当我关闭开发者工具时,图表会重新加载。任何人都知道为什么会发生这种情况?

0 投票
0 回答
87 浏览

angular-chart - 显示 Angular-chart-js 弹出信息隐藏溢出

我正在尝试使 angular-chart-js 提供的弹出信息以其全长可见。我的问题如下:我在引导程序定义的列中有 mi 图表,通常当您将鼠标悬停在图表上时,您会获得弹出信息,但在我的情况下,没有足够的空间让此弹出窗口完全可见,因为引导列的减少空间。有没有办法使超出列大小的信息溢出可见?我很抱歉我的英语不是那么好。

0 投票
2 回答
1828 浏览

angularjs - 角度图表chart.js注入器错误

我正在尝试用我的应用程序实现角度图表。我凉亭安装了 angular-chart.js 并将 chart.js 列为依赖项。但是,当我加载我的页面时,我收到以下错误:

我的问题是:如何让这个错误消失?我已经验证图表是在角度图表之前加载的,但我无法让这个错误消失。

这是我的 app.js 的开头:

0 投票
2 回答
2024 浏览

angularjs - 错误:[$injector:nomod] 模块“chart.js”不可用

我正在尝试在我的应用程序中使用angular-chart.js ,但出现以下错误:

我已按照其他问题的建议在 html 文件中的 angular-chart.js 之前包含 Chart.js,尽管这对我不起作用。

以下是我安装的库的版本:

角度图表、chart.js 和 angular 的版本

这是我的目录结构

这是在我的index.html中使用 bower 安装的库的链接:

我正在尝试将 chart.js 模块注入到我的控制器中,如下所示:

有什么建议么?谢谢!

0 投票
2 回答
1312 浏览

angularjs - 悬停在外部元素上时触发条形图/饼图突出显示 [chart.js / chart js] [AngularJS] [angular-chart.js]

我正在使用 angular-chart.js 创建仪表板。我没有使用画布中的内置图例,而是创建了自己的图例,并使用 ng-repeat 动态创建具有匹配颜色的标签。

现在,我想要完成的是:当一个项目悬停在我的自定义图例中时,它会在图表中突出显示该项目,反之亦然。

我在想,也许如果我能找到触发工具提示事件的事件,我可以操纵它并创建一个 ng-mousover 表达式......

这甚至可能吗?

谢谢, 埃马德