问题标签 [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.
angularjs - 具有多条水平线(边距)的角图/折线图
我正在尝试创建一个具有四条水平线(边距 - 两个上边距和两个下边距)的角线图。请看这个小提琴 - https://jsfiddle.net/CypressMountain/arq34fcu/30/
我的目标是在角度控制器内定义这些线的属性(值、颜色、标签),而不是在 JQuery 折线图扩展内定义,因为它目前在小提琴中完成。图形属性以及边缘线属性将来自后端,并且边缘线将独立于图形绘制。
我不知道如何在控制器中实现 $scope.margins = [] 之类的东西,类似于我们对 $scope.data = [] 或 $scope.labels ... 的任何帮助。
这是 HTML:
当折线图类型被扩展时,边线现在在绘图函数中定义
这是控制器:
前两篇文章被引用 angular-chart add Horizontal line 和 Chart.js - draw Horizontal line
javascript - Angular Chart js饼图不起作用
我已经安装了所有依赖项,并且我的代码似乎是正确的,但仍然无法指出为什么代码根本没有呈现。
提前致谢。
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?
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
javascript - Angularjs图表没有调整大小
我有一个使用 angularjs 的小型 webapp,我正试图从angularJS 库中起诉两个图表。我正在使用酒吧和馅饼。它们渲染得很好,但由于某种原因,它们拒绝随着显示器变小或变大而调整大小。
我的 HTML 代码:
我的包装器 CSS 代码
我的 Javascript 代码
angularjs - 关闭开发人员工具时重新加载角度图表
在我正在处理的页面上,我使用角度图表。
但我注意到每次我打开开发者工具(F12)(在 Chrome 和 Firefox 中测试)然后关闭它,当我关闭开发者工具时,图表会重新加载。任何人都知道为什么会发生这种情况?
angular-chart - 显示 Angular-chart-js 弹出信息隐藏溢出
我正在尝试使 angular-chart-js 提供的弹出信息以其全长可见。我的问题如下:我在引导程序定义的列中有 mi 图表,通常当您将鼠标悬停在图表上时,您会获得弹出信息,但在我的情况下,没有足够的空间让此弹出窗口完全可见,因为引导列的减少空间。有没有办法使超出列大小的信息溢出可见?我很抱歉我的英语不是那么好。
angularjs - 角度图表chart.js注入器错误
我正在尝试用我的应用程序实现角度图表。我凉亭安装了 angular-chart.js 并将 chart.js 列为依赖项。但是,当我加载我的页面时,我收到以下错误:
我的问题是:如何让这个错误消失?我已经验证图表是在角度图表之前加载的,但我无法让这个错误消失。
这是我的 app.js 的开头:
angularjs - 错误:[$injector:nomod] 模块“chart.js”不可用
我正在尝试在我的应用程序中使用angular-chart.js ,但出现以下错误:
我已按照其他问题的建议在 html 文件中的 angular-chart.js 之前包含 Chart.js,尽管这对我不起作用。
以下是我安装的库的版本:
这是我的目录结构:
这是在我的index.html中使用 bower 安装的库的链接:
我正在尝试将 chart.js 模块注入到我的控制器中,如下所示:
有什么建议么?谢谢!
angularjs - 悬停在外部元素上时触发条形图/饼图突出显示 [chart.js / chart js] [AngularJS] [angular-chart.js]
我正在使用 angular-chart.js 创建仪表板。我没有使用画布中的内置图例,而是创建了自己的图例,并使用 ng-repeat 动态创建具有匹配颜色的标签。
现在,我想要完成的是:当一个项目悬停在我的自定义图例中时,它会在图表中突出显示该项目,反之亦然。
我在想,也许如果我能找到触发工具提示事件的事件,我可以操纵它并创建一个 ng-mousover 表达式......
这甚至可能吗?
谢谢, 埃马德