问题标签 [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 回答
98 浏览

angular - Highcharts没有以角度旋转到垂直

我想在角度使用 HighCharts 绘制一个垂直的“条形图”,我已经做了很多谷歌搜索,在那里我发现在图表选项中添加这个代码然后它就会完成,

或者

但是我试了很多次,还是不行,请问有什么解决办法吗?这是我的 Highchart 代码,

主仪表板.ts 文件

main-dashboard.component.html 文件

它的结果是一个水平条形图, 在此处输入图像描述 但我想要这个垂直条形图,只是为了垂直 在此处输入图像描述

有什么解决方案吗,请帮忙,我的项目需要它。谢谢。

0 投票
1 回答
48 浏览

highcharts - xAxis 标签在 Highcharts 中不正确可见

如果我有大量数据,则xAxis标签显示不正确。你可以在这段代码中看到:https ://jsfiddle.net/4nvmuc25/127/

如果我的数据量很少,那么我的xAxis标签可以正确显示。

所以如果我有大量数据,我想正确显示 xAxis 标签。

Restriction: 1:你不能改变xAxis. 2:xAxis标签不应该互相拦截。 3: 你不能用 css 做。

Not restriction:您可以设置tickInterval,step属性,xAxis但请记住数据量是动态的,可以是任何数字。

0 投票
1 回答
89 浏览

highcharts - HighCharts:不出现多个 X 和 Y 轴工具提示(自定义格式化程序)

我正在处理具有多个 x 和 y 轴的图表。数据系列链接到这些 x 和 y 轴。我有一个共享的工具提示,它使用 html 和自定义格式化程序。下面是tooltip的配置:

myTTFormatter 获取点数组,我也可以获取工具提示,但问题是它只出现在第一个系列上,当我将鼠标悬停在其他系列上时它不会出现。我在自定义格式化程序 fn 中放置了一个调试器,它也在那里,但我不明白为什么当我将鼠标悬停在图表中的其他系列上时工具提示没有出现。注意:我已将所有其他 xAxis 链接到第一个 XAxis,以使缩放适用于所有数据系列。

HighCharts 版本:9.1.2

0 投票
1 回答
61 浏览

angular - Highcharts 没有从 Angular 中的 API 调用打印点

这就是传递给 highcharts 的系列对象的外观。

我没有得到 x 轴值或 y 轴值,也没有打印数据点。

我正在使用下面的 scatter 对象,其中 series 参数是以上述格式传递的数据

我需要关于我的代码在哪里失败的帮助我已经通过推送分配了系列数据

0 投票
0 回答
27 浏览

angular - 在 highcharts 中需要多个值

单用户数据

多用户数据

需要帮助来绘制箱线图,如图所示使用高角图表。任何人都可以帮助如何开发具有两个不同子 x 轴值的箱线图。

0 投票
0 回答
75 浏览

angular - Highcharts:在 X/Y 轴末端添加箭头

我正在尝试在 X 和 Y 轴的末尾添加箭头,如下图所示

X 和 Y 轴末端的箭头

使用以下答案,但是对于少数属性,角度给了我“属性不存在错误”。

我无法找到问题的解决方案

错误:类型上不存在属性

0 投票
2 回答
63 浏览

angular - 离开带有 Hicharts 图表的页面时无法读取未定义的属性“forExport”

我可以在一个非常简单的 Angular-Hicharts 应用程序中重现该问题。当我从服务器检索数据,然后离开带有 Highcharts 图表的页面时,我收到此错误:

无法在 HighchartsChartComponent.ngOnDestroy (highcharts-angular.js:44) 的 a.destroy (highcharts.js:394) 处读取未定义的属性“forExport”

不足为奇的HighchartsChartComponent.ngOnDestroy

这是最小的示例:

我在 Stack Overflow 和 Github 上都看到了许多类似的问题。我知道根本原因是它正在尝试删除已删除的图表。但他们都在删除(或试图删除)应用程序代码中的图表。

我试图删除 中的图表ngOnDestroy(),或取消订阅 - 但没有区别。

这是repo,包括服务器端代码。

请注意,当它是“硬编码”图表时,问题不会发生。

角度:12.2;Highchars 9.2.2;Highcharts-Angular:2.10.0

0 投票
2 回答
70 浏览

javascript - Highchart 工具提示格式化程序函数无法获取 x 值(this.x)?

我尝试使用带有新角度 12 的格式化程序功能,但出现错误“ChartService”类型上不存在属性“值”。ts(2339)如何解决? 在此处输入图像描述

0 投票
0 回答
20 浏览

angular - 在 Highchart 的向下钻取函数中访问 Angular 类级别数据

我正在尝试访问 Angular Highchart 中的向下钻取函数中的类级别数据。

代码:

在上面的代码中,drillDownData 是不可访问的。我相信我需要将向下钻取功能更改为箭头功能才能访问 Angular 类级别的数据。

但是,在这种情况下,我得到 chart.addSeriesAsDrilldown is not a function 错误。

如何在仍然能够访问 addSeriesAsDrilldown 函数的同时访问类级别的 Angular 数据?

0 投票
0 回答
51 浏览

javascript - 如何在 Angular 的 Highchart 的点击函数中调用 API 或访问数据

我正在使用 Highcharts 库使用 PIE 图表。单击 PIE 图表时,我需要调用另一个 API 并根据单击显示另一个饼图。

如果我使用 Javascript function,我可以使用click下面的函数访问数据。

plotOptions-->series-->point-->events--点击

我面临的打字稿问题(在 Angular 中)我无法访问 click 函数内的数据。下面我无法访问 this.categorythis.y。在控制台上给出错误。注意:我不能使用 Javascript 函数,因为我无法访问任何变量或调用任何 API。