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

angular - Angular 2 Highcharts无法读取未定义的属性“信息”

我正在尝试将一些股票历史数据加载到 highchart 中,但我在使用 Angular 2 Highcharts 时无法读取未定义的属性“信息”。它适用于一组数据,但是当我尝试不同的数据时,它会引发此错误。想知道这是否与保存的实例有关,并且需要一种方法来破坏 Angular 2 中的旧图表。这似乎是同样的问题,但不确定如何在 Angular2 highcharts 中解决这个问题无法读取未定义的属性“信息”

0 投票
1 回答
6012 浏览

javascript - 错误:模板解析错误:无法绑定到“选项”,因为它不是“图表”的已知属性

我有以下组件

和模块文件

和html文件

然后我有一个示例页面,它实现了这个组件

和 html

options传递给 html 的配置在哪里。但不知道为什么我会收到这个奇怪的错误

我尝试添加@Input选项。然后我得到一个DI错误。有什么想法吗?提前致谢。

0 投票
1 回答
638 浏览

angular - angular2-Highcharts 在 angular-cli 项目中不起作用

我使用 angular-cli 创建了一个新项目,我按照页面 https://www.npmjs.com/package/angular2-highcharts建议的所有步骤进行操作

npm install angular2-highcharts --save import { ChartModule } from 'angular2-highcharts'; ChartModule.forRoot(require('highcharts')

当我运行该应用程序时,它说找不到名称“需要”我是否需要执行任何其他步骤。

0 投票
1 回答
1359 浏览

angular - 如何使用百分比 Highcharts Angular 2 创建柱形图

您好有以下图表配置:

它工作正常。但是无论如何我可以制作百分比格式的图表吗?我需要使用任何事件还是有任何可用的配置?

0 投票
1 回答
1094 浏览

highcharts - HighCharts:在图例标题下方显示总值

我能够在 angular2-highcharts 中显示图例和图例标题。我计划在图例标题下方显示总计数(在城市下方),但无法找出如何。另外我不确定为什么 % 与图例值中的值一起显示。

我的标签格式化程序是:

https://plnkr.co/edit/yzXLz7AIDoWa1Pzxxl4k?p=preview

0 投票
1 回答
99 浏览

angular2-highcharts - Angular2 High Charts not working on Angularcli

I have created a project added all the references and added highcharts reference in package.json. But require not found is displayed.

0 投票
2 回答
915 浏览

javascript - 根据窗口大小调整 Highchart 大小

嗨,我有左侧导航菜单,右侧的内容是高图。以下是我的 Highchart 配置,

我有一个功能会在更改左侧菜单的大小时触发,

如何redraw在更改左侧菜单大小时调整图表大小?目前图表从我的 div 包装器中溢出。提前谢谢各位。

0 投票
0 回答
202 浏览

highcharts - HighCharts 饼图标签显示不正确

我已经举了一个例子 Highcharts plnkr 并对其进行了编辑以符合我的要求。下面是我开发的plnkr。https://plnkr.co/edit/yzXLz7AIDoWa1Pzxxl4k?p=preview 这里所有标签和标签的图标都正确显示。但是当我将它包含在我的应用程序中时,标签的图标无法正确显示。如下图所示 在此处输入图像描述

我的标签代码如下

0 投票
0 回答
356 浏览

angular - Angular2-highcharts 切换选项

我正在用 Angular2 和 TypeScript 编写 SPA Web App。屏幕的重要部分被 Highcharts 图表区域占据,其中可能有几个完全不同的图表(具有不同的比例、图例等,因此,不同的选项)。所以最初我在那里指定Options1(OptionsDflt),但随后用户可以与应用程序交互,它应该显示Options2或Options3......所以有没有办法改变Options(到目前为止它对我不起作用,我试过setOptions( )、update()、draw() - 不走运)。

或者将每个图表放在面板上并像一堆卡片一样操作是否有意义?

这是我的代码片段,也许会有所帮助。

所以在 Angular2.0 页面模板中,我将 HighCharts 图定义为:

知道如何将图形设置为 options1 吗?

我在这里做错什么了吗?

我对 Highcharts 很陌生,对 Angular2 也很陌生。

我在将该应用程序从 Angular 2.0.0 升级到 2.4.x 时遇到的另一个问题 - 它使用的是 TypeScript 2.x,它比 1.8 严格得多,所以现在我遇到了很多错误,例如:
Property 'data' does not存在于“对象”类型上。//即来自 RxJS 订阅
或“对象”类型上不存在属性“系列”(或 xAxis) - 好吧,没有类选项或图表,我必须将其定义为对象。如何解决这些错误?等待 Ang2-Highcharts 实现它?

请指教。

TIA,奥列格。

0 投票
0 回答
111 浏览

highcharts - Highchart 图例定制

我有一个高图表,我自定义了如下标签。但我无法找到如何将值移动到右侧(正确的意图)。每个图例底部的线条也覆盖了图例图标。

https://plnkr.co/edit/yzXLz7AIDoWa1Pzxxl4k?p=preview

我的传奇代码