问题标签 [angular2-highcharts]

# 尝试了导入模块的新方法。(app.module.ts)。在 app.module 中导入了更多模块。在组件中也有带有 Drilldown 的 json structre。仍然无法在页面上呈现

// 能够在渲染时使用系列并正常工作，但在单击时，钻取 //down 不起作用

本节导入了chartModule、Highcharts_modules等模块app.module.ts

我正在使用 angular-5,angular2-highcharts 版本 0.5.5 和 highcharts 版本 6.0.7。

我想在我的 html 中添加一个模拟“上下文菜单”的按钮，而不是在图表中。它不能像往常一样使用导出选项。

这是我的代码：

可能吗？

当我像这样用 Highchart 绘制 BOX Plot 图表时：JSFiddle

其中类别 2“Merchant 2”显示在 x 轴上，即使我们没有数据。

当箱线图中没有数据时，我们如何避免在 x 轴上渲染类别？

谢谢

我正在使用 angular-5,angular2-highcharts 版本 0.5.5 和 highcharts 版本 6.0.7。

我想在我的 html 中添加不在图表中的按钮，用于下载 png 或 csv 中的图表。

png 一个工作正常，但我不能用 csv 得到它：

这是我的代码：

崩溃时重定向到

https://export.highcharts.com/

与此文本

我想我需要为 csv 导出做其他事情。有谁能够帮助我？

我在 Angular 项目中使用 angular2-highcharts，但向下钻取不起作用。

我的 app.module 中有这个：

我使用@Output 将数据发送到图表组件，带有两个参数（系列和向下钻取） - 在 app.component 中：

我的图表组件被添加到 app.component 中，如下所示：

我的示例图表钻取组件：

图表向下钻取组件 HTML：

谢谢你的帮助！

我正在使用角度为 4 的 highcharts。

我想创建一个图表来显示如下结果：

在哪里：

• GHRM 和 HR Scanner 是应用程序名称。

• 我们正在按组显示一些数据（此处为应用程序）

为了达到上述结果，我尝试在 highcharts 中使用 columnrange 图表类型。

但上述链接的结果与我的要求不同。如您所见，上述链接的结果：

任何人都可以帮助我了解如何在这种情况下自定义类别视图以实现如第一个屏幕截图所示的结果。

我在使用 highcharts 下载 PNG 图像时遇到问题，我想使用我自己的按钮而不是 highcharts 按钮，阅读我需要使用“exportChart”功能的文档，但它会删除数据：

有一个“几乎可以工作”的例子，它在 app.module 中使用“require”给出了一个错误，另一个在试图从导出中导入时，帮助使示例工作将是 apreciate

https://stackblitz.com/edit/angular-dqck8n

当它工作时，我们可以点击“下载按钮”并下载图表，但如果再次点击它会返回错误，因为数据已从图表中删除。

我已经意识到使用导出库也会发生这种情况，您可以检查它下载图像文件并尝试缩小。

我正在尝试实现 highcharts 的 3D 库。使用系列选项时我取得了很好的成功scatter，但是当我尝试使用该column选项时，我遇到了一些格式问题。

我的主要问题是我的数据集非常不稳定，我可以有任意数量的 z 轴类别，并且每个类别中有不同数量的 [x,y] 点。x 轴和 y 轴格式正确，但 z 轴格式不正确。它总是太深或太浅（取决于我的数据集和我的格式参数）。这是我迄今为止所拥有的小提琴http://jsfiddle.net/rhavelka/owyrmc7o/2/

如果我不需要的话，我不想动态更改plotOptions:{ column:{ depth } }和plotOptions:{ series:{ pointPadding} }变量以适应数据集。

tl; dr highcharts z 轴不会根据数据集大小格式化它的深度。我该如何解决？

我想使用 highcharts 创建一个柱状图类型。我尝试过类似下面的方法：

• 我想用以下自定义实现下面的图表：条形图的高度与 Y 轴值之间的间隙相同，如图所示

• 消除钢筋之间的间隙。

我在手动滚动解决方案时遇到了困难，该解决方案涉及从 HighCharts API 向 X 轴标签（特别是柱形图）添加点击侦听器，特别是在 Angular 2+ 应用程序中。

到目前为止，我知道以下内容：

• 我正在使用angular2-highcharts以 Angular 方式执行这些图表插图。
• 按照设计，HighCharts API 出于安全原因删除了 X 轴点击事件。
• 确实存在一个customEvents插件来添加诸如此类的自定义事件。

问题：

简而言之，我想向标签元素添加一个点击事件，并将其附加到 Angular 组件内部定义的方法。但是，由于这个问题，我无法通过正常方式（例如利用 jQuery 或本机 JavaScript 在元素上添加事件侦听器）来做到这一点 - 我想要的方法是在 Angular 的世界中。

在一个理想的世界中，我想这样做（但是，包装器不提供这个当前的机会）：

而且我一直在玩一些实现，例如（不能像onClick定义为 Angular 组件内部的方法那样工作）：

我将继续更新这个问题的更多细节 - 请继续关注。