问题标签 [angular-highcharts]

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 回答
135 浏览

highcharts - Highchart 实心量规图表使一端笔直/正常

我正在使用 Angular-Highcharts 并创建 solidgauge 图。我想让起点方形/笔直,另一端圆形。可以用 Highcharts 做到这一点吗?请在下面找到现场示例。 在此处输入图像描述

提前致谢。

0 投票
1 回答
81 浏览

highcharts - 向下钻取图表中的点击事件 - Highcharts

我正在开发一个需要显示明细图的应用程序。我为此使用了 highcharts,我想在用户单击第二个图表的条形(钻一个)时触发 click 事件。

我正在使用代码,但这也在第一个图表上触发事件。有没有办法只在第二张图表上触发它?或检查是否从哪个图表引发了事件?

示例在这里 - https://highcharts-angular-drilldown-zqmyd9.stackblitz.io/

0 投票
1 回答
539 浏览

angular - 如何使用 Highcharts 回归插件使用 Angular 8 包装器绘制趋势线

我正在尝试使用 highcharts 回归插件在我的样条图中绘制趋势线。但是我找不到任何片段来显示如何在我的角度组件中正确导入 highcharts-regression 插件。

我已经在我的组件中导入了 angular highcharts,如下面的 2 行中所述。

在html中:

我在下面提到了用于在 angular8 组件中绘制样条图的 highchart 选项。

0 投票
1 回答
390 浏览

javascript - Angular 7 High Charts Stock Chart Datetime X Axis tooltip 格式独立于其他工具提示

我正在使用角度 7 的高图表,并且只想在 x 轴工具提示中格式化日期,并且我想完全不理会其他人。

我能够在 x 轴工具提示中获得我想要的格式,但它也破坏了其他两个。我在 y 轴上有两个系列,以及我们在插入系列时已格式化的系列,但我几乎没有看到任何文档。格式化一个并破坏其他的解决方案来自这个问题:

带有日期时间工具提示格式的 SO 问题。

所以我做了这样的格式化程序:

我想做的,这似乎不可能,只是像这样格式化x轴工具提示,但没有看到这种方法的结果:

真正的诀窍是如何为 x 轴设置格式?只有 x 轴,因为我们已经有了系列中 y 轴工具提示所需的格式?

0 投票
0 回答
34 浏览

angular - Angular 通用 angular-highcharts 错误

当我将项目切换到角度通用时,出现此错误。

ERROR { Error: Uncaught (in promise): TypeError: Cannot read property 'parts/Chart.js' of undefined

我已经在平台检查中包装了基于图表的代码。但还是要面对问题。

谢谢 :)

0 投票
1 回答
290 浏览

angular - chartOptions.redraw 不是使用角度的 highcharts 中的函数

这是html代码

在此处输入代码

0 投票
1 回答
223 浏览

highcharts - x 和 y 轴的 Highcharts x-range 图表日期时间类型

我创建了一个 x 范围图表来表示一些范围。我想将 x 轴和 y 轴都设为 DateTime 类型。目前,x 和 y 轴都是数字。我创建了一个小提琴来展示我当前的行为。

如何制作 x 和轴 DateTime 类型?

https://jsfiddle.net/bonyfus/t4vz0Lkw/

0 投票
0 回答
233 浏览

highcharts - 具有不同正负比例间隔值的条形高图

我的要求是我想制作一个具有不同正负 y 轴区间范围的条形图。就像正 y 轴一样,我的区间范围约为 250+,而负 y 轴的区间范围约为 15-20,或者它根据给定数据动态设置范围。

另一个问题是我以某种方式设法解决了上述问题,但我的原点从中心移动,所以简而言之,我想将我的原点保持在中心,正负 y 轴的范围不同。

是否有可能限制 +y 轴和 -y 轴的宽度以使原点居中?

这是代码笔链接条形图

这是我的图表

在此处输入图像描述

即使正值太高或负值太低,这也是我想要的。

在此处输入图像描述

代码在这里

0 投票
0 回答
48 浏览

highcharts - 可以观察到drillUp()的角度高图参考$

angular-hicharts弃用了他们的 ref 并使用 ref$ observable 代替。

我已经更新到 Highcharts 7 和支持 Highcharts 7 的 angular-highcharts 的最新版本。

我使用下面的代码来钻取(),但我认为我应该更改为使用新的 ref$,但我不确定如何使用。

我如何使用 ref$ observable 来钻取()?

我是否需要订阅 ref$ 并将引用分配给变量?像这样的东西?

当输入为 Chart 时,上面给出了缺少属性的错误。

0 投票
0 回答
108 浏览

angular - 带有“国家/美国/美国所有”的地图图表

我无法绑定我们所有国家的高地图。

我在数据系列中有错误,下面是我的地图配置。

导入文件

地图配置

highmaps还在应用模块文件中添加了模块。

*这里是全系列数据链接。 https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/us-population-density.json