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

angular - 在多系列 Highchart 中标记一个点并绘制绘图线

我正在使用高图表。我想制作一个如下图所示的图表。需要标记从系列 1 最高点绘制的线连接到系列 2 的点(如下图所示)。

找不到任何有用的资源。任何线索将不胜感激。提前致谢。在此处输入图像描述

能够实现这一点,但不完全是我想要的。您可以使用下面的代码片段:

(小提琴链接

编辑:我能够在一定程度上实现它,正如 Gaurav 所回答的那样。在这里检查。

0 投票
1 回答
792 浏览

angular - 使用相同的数组引用时,Highcharts setData 不起作用

所以我有一些数据。我使用该setData方法在我的系列上设置数据,如下所示:

这第一次工作得很好,但是假设我更改了一些数据chartData并希望将其应用到我的 highchart 中。下次我调用上述setData()方法时,它对我不起作用,因为我没有看到更改应用于我的图表。但是,如果我这样做,它会起作用slice()

我只是想知道这是否是预期的行为,如果是,为什么它会这样工作?谢谢。

0 投票
1 回答
455 浏览

highcharts - HighChart堆积条形图滚动条问题

当使用带有堆积条形图并启用滚动条的 highstock 时,它有 100 个类别,当我开始滚动时,我看不到图表上的数据。它适用于多达 50 个类别

https://jsfiddle.net/shashi3337/5xn92uht/1/

当我滚动回初始位置时,我收到此错误“调整堆叠柱形图大小时无法读取未定义的属性 '0'”错误”

0 投票
0 回答
219 浏览

angular - 在 xaxis 的 Angular 2 Highcharts 中跳过周末

在我的 Angular 2 应用程序中,我无法在 highcharts 中跳过周末。我在 highstock 中看到有选项 ordinal:true 可以跳过周末,但它对我不起作用。有没有其他选择可以跳过周末。从周二开始,这很有效。

在此处输入图像描述

0 投票
0 回答
311 浏览

angular - Highcharts xAxis缩放点消失,Angular5

我正在使用https://www.npmjs.com/package/highcharts-angular在 Angular 中生成 highcharts。

当我设置 xAxis 最小值、最大值和缩放时,这些点消失了。当我没有设置最小值,最大值时,这些点在缩放时不会消失。

这是我的 highcharts 图表选项。

这是highcharts的快照

普通的

缩放

0 投票
1 回答
1469 浏览

highcharts - Highcharts更新图表滚动问题-滚动到初始位置

我在使用 Highcharts highstock 柱形图时遇到问题。xaxis min=0, max=5 [page size] 有 20 个类别。初始加载后,将 xaxis 滚动到末尾,然后单击修改数据。在此操作中,我将调用一个 api 并更新系列数据。即使只有一个类别,“图表也显示为无数据显示”。我想将滚动重置为初始位置,我无法为类别执行此操作。您将需要手动移动滚动

此外,由于只有一个类别,我不希望其他类别显示为数字。 https://jsfiddle.net/shashi3337/zcf8kvgx/7/

我正在更新图表以修改 xaxis min 和 max 以将 max 设置为 0 [ 1 category] ​​以删除数字。 https://jsfiddle.net/shashi3337/zcf8kvgx/5/

现在,当您单击添加数据时,它会添加回数据。我正在重置 min=0 和 max=5。现在我只看到每页滚动 1 个类别。

预期行为 我希望在单击修改数据按钮后滚动条会自动向后滚动,当我单击添加数据按钮时,我希望在 xaxis 上看到每页滚动 6 个类别。

0 投票
1 回答
473 浏览

highcharts - Highcharts 如何切换 DataLabel

我有一个包含两个系列的图表。我想通过单击一个按钮来切换该系列的数据标签。

问题是当我插入“dataLabels:{enable:true}”并且他跳出方法“changeDatalabel()”时,updateMethod出现编译错误。

当我使用 updateMethod 获得两个按钮时,编译错误再次出现,但它可以工作。

0 投票
0 回答
67 浏览

highcharts - 我正在用检票口创建高图表。我在多个 x 轴上遇到问题

我正在用检票口创建高图表。我在多个 x 轴上遇到问题。所以我的要求是

我有一个 Y 轴来显示这些值。我有两个 x 轴。
所以让我们假设数据是格式

| 期间 | 姓名 | 数据 |

|:-----------|------------:|:------------

| 08/2015 | 一个 | 10
| 08/2015 | 乙| 15
| 08/2015 | 一个 | 17
| 09/2015 | 乙| 19
| 09/2015 | C | 20
| 10/2015 | 乙| 21
| 10/2015 | C | 23

我能够创建简单的名称数据条形图,其名称为 X 轴,并将名称的所有值作为类别和 Y 轴中的数据传递。但现在我必须创建一个带有 2 个 X 轴的条形图。其他 X 轴将仅标记第一个 X 轴中周期的开始和结束。所以我的条形图将有另一个轴标记 x 轴数据所属的周期。

0 投票
1 回答
2488 浏览

highcharts - Angular 中 Highcharts 的 TreeMap 图表

我遇到了问题,无法渲染 TreeMap 图表。其他图表类型(如 Line)在我的应用程序中运行良好。我得到的错误是错误# 17。我使用的是 Angular 5。你能分享任何使用 Angular5 和 Highcharts for TreeMap 的工作示例吗?

感谢您的快速帮助。

0 投票
0 回答
125 浏览

highcharts - 使用 highcharts,我将如何仅突出显示 x 和 y 轴上 2 个绘图带的交集?

我正在使用 highcharts 来显示倒置柱状图。用户可以同时选择 x 和 y 轴标签,这将使用 plotbands 突出显示整行或整列。我的下一步是,如果用户突出显示一行然后选择列标题以突出显示列,我只希望突出显示这些绘图带相交的“单元格”。我可以只使用 plotbands 来做到这一点,还是需要引入其他 highcharts 功能来实现这一点。(我看到了一些关于使用 render.rect() 或可能是区域的信息?)在此处输入图像描述