angular-chart相关内容

Angular-Chart-JS - 根据点的范围具有不同填充颜色的折线图

我在我的网站上使用 Angular-Chart-js 来显示某些类型的图表,其中之一是折线图. 我希望折线图是彩色的,但根据 y 轴的值使用不同的颜色.就像这张照片: 我尝试在图表的“数据"数组中使用不同的数据数组,第一个包含所有值,第二个包含所有值,除了涂成绿色的值(右侧),第三个是相同的数组直到紫色范围等,然后每个数据集都有自己的颜色,但最终我根据最后一个数据集颜色得到一个单一颜色 ..
发布时间:2022-01-22 15:56:06 前端开发

为什么当其容器上有 ng-show 时图表更新会失败?

我有一个编译指令,其中包含一个 angular-charts.js 指令. 我注意到,当该图表的容器具有 ng-show 或 ng-hide 作为属性时,图表不会更新——它只是不更新根本不显示. 这里有一个 plunker 演示了这一点(参见 listeningComponent 在 scripts.js 指令中) 解决方案 这里的问题不在于 ng-show 和 ng-hide ..

Angular-Chart-JS-折线图,根据点的范围具有不同的填充颜色

我正在使用Angular-Chart-js来显示某些类型的图形,其中一种是折线图。 我想要折线要填充颜色的图表,但根据y轴的值使用不同的颜色。就像这张照片: 我试图在“数据”中使用不同的数据数组图的数组,第一个具有所有值,第二个具有除绿色以外的所有值(在右侧),第三个具有相同的数组,直到紫色范围等,然后每个数据集都有自己的颜色,但最终我根据最后的数据集颜色得到了具有单一颜色的图形。 ..
发布时间:2020-06-05 19:35:51 前端开发

为什么图表更新在其容器上显示ng-show时失败?

我有一个编译的指令,其中包含angular-charts.js指令。 我注意到,当该图表的容器具有 ng-show 或 ng-hide 作为属性,图表将不会更新-根本不会显示。 / p> 这是一个展示了这一点的庞克音乐(请参见 scripts.js 指令中的 listeningComponent ) 解决方案 这里的问题不在于 ng-show 和 ng-hide 属性。 ..

Uncaught TypeError:无法读取对象比例未定义的属性“ draw”

我正在遵循Chart.js示例。但是,当我尝试渲染Thaat示例时,出现以下错误: 未捕获的TypeError:无法读取未定义的属性'draw' 这是我关注的示例。我已经做了所有相应的事情,但我不知道为什么会导致这个问题。 http://carlcraig.github.io/tc-angular-chartjs / doughnut / 下面是示例的实现。 我的模块 ..
发布时间:2020-06-05 19:35:43 其他开发

如何处理angular-chart.js在y轴上的史诗长文本?

我正在使用 angular-chart.js 构建一个响应式应用程序。 (没有足够的仓库,对不起) http://i.imgur.com/g648Iws.png http://i.imgur.com/LK1eQCo.png 您可以看到,某些文本太长(y轴),这挤压了我的图表。 我试图截断文本,但是如果您有更大的设备,它看起来不太好。 有什么方法可以处理这种情况?动态 ..
发布时间:2020-06-05 19:35:41 其他开发

使用Chart JS 2.0扩展现有图表类型角度图js

我正在使用出色的 chart.js (版本:2.0 .2)和 angular-chart.js (版本:1.0.0-beta1 )出于兼容性目的。我想在项目中添加很多功能(例如向水平线添加水平线图表或具有圆角条形图)。所有这些解决方案都使用 Chart.types。[typeOftheChartToExtend] .extend({..})。 我在chart.js v2 ..
发布时间:2020-06-05 19:35:39 其他开发

我们可以用两个y轴绘制Google图表吗,一个y顶部,另一个y底部,x轴相同?

我需要使用带有两个y轴和一个x轴的Google图表,例如( https://en.wikipedia.org/wiki/Spirometry#/media/File:Flow-volume-loop.svg )。谷歌图表是否支持这种类型的图形? 解决方案 创建链接所引用的图形 使用单个y轴,底部为负值 然后使用对象符号设置两个值( v:)和格式化值( f:) {v:-8, ..
发布时间:2020-06-05 19:35:33 其他开发

使用angular-chart.js在条形图中手动设置y轴刻度

我正在使用angular-chart.js(0.9.0)创建条形图。 Chart.js的版本是1.0.2。 在我的图表中,不幸的是,价值范围非常广泛。最高值为90,000s,最低值为4s或40s。由于这样的范围,图表没有像我希望的那样出现。例如,在下面的图表中,最高值为42000,最低值为70. 我想知道我们是否可以在Math.pow值中手动设置Y轴的刻度,即将y轴刻度设置为10,10 ..
发布时间:2019-06-07 20:49:14 前端开发

Angular-Charts - 饼图,在每个数据片段内显示标签

我正在学习角度图表-js的阶段。我试图使用angular-chart.js绘制饼图。但是我无法找到在饼图上显示标签(不是工具提示)的方法,它描述了每个数据片段。 以下是我的方法: angular.module('App')。controller('Controller',['$ scope','$ http','$ location','$ window','$ routeParam ..
发布时间:2019-05-27 10:47:53 前端开发

刷新范围变量不适用于范围功能

我正在尝试使用chartJS及其包装角度图更新我的图表数据。单击一个按钮时,它会在图表上添加数据,没问题。 我有另一个事件,它在滚动事件后更新图表。该呼叫效果很好,它调用与以前完全相同的功能。但是我的$ scope.valuesData没有更新。然后我在函数之后添加了一个 $ scope。$ apply(),并用正确的值重绘整个图表。 问题是: 为什么我的$ scope.char ..
发布时间:2018-08-27 19:34:32 其他开发