问题标签 [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.
javascript - 如何使用 angular2-highcharts 和 AOT 编译器导入 exporting.js 和 export-data.js?
我正在使用 angular2-highcharts 并且我的图表工作得很好,但我需要将图表导出到 XLS。
我需要做的就是做到这一点
代码中的某处,导出选项将显示在图表中。
问题是如何正确导入 HighchartsExporting 和 HighchartsExportData,因为标准解决方案
不适用于 AOT,在编译时给我一些“遇到静态解析符号值的错误” 。
我可以通过做
正如这里所建议的那样,但它给了我2个错误:
- 错误 TS2497:模块 '"xxxx/highcharts/modules/exporting"' 解析为非模块实体,无法使用此构造导入。- JIT 编译
- 找不到模块“highcharts/modules/export-data”。- AOT 编译
我可以通过这样做来解决这个问题
正如这里所建议的那样,但是在 AOT 编译之后,我在运行时得到“未捕获的 ReferenceError:require is not defined ”。
所有解决方案在实践中似乎都可以正常工作,我只是无法编译它们。欢迎任何建议。
json - 在配置文件 tsconfig.json 中找不到输入
通过 npm,我为我的应用程序下载了 angular2-highcharts。我刚刚注意到 Visual Studio Code 在tsconfig.json
包的文件中给了我一个错误:
我真的不知道为什么我会收到此错误或如何修复它。
这是文件:
有任何想法吗?谢谢!
angular - 如何在角度中使用 Highcharts 甘特图?
Highcharts Gantt 目前处于 Alpha 阶段,但我们可以通过此链接使用它
我想在一个角度项目中使用这个库,但我没有找到任何文档来帮助我朝这个方向发展。是否可以?如果是这样,程序是什么?
如果还不可能,甘特图还有其他角度库吗?
angular - 使用Angular 5从界面获取数据到highcharts图表
我正在使用这个 npm 包制作图表:https ://www.npmjs.com/package/angular-highcharts
我有一个界面,我想从界面中获取值来填充图表。在这个阶段,我想要的只是一个折线图。
我尝试了使用数组执行此操作的各种方法,只要我通过硬编码所有值来初始化数组,它就可以正常工作,但是我想将服务中的值动态加载到接口中,然后从进入图表界面。我究竟做错了什么?
这是我的 component.ts
highcharts - 隐藏/打开左侧导航菜单时,如何使用 angular2-highcharts 更改图表的宽度以填充 div?
使用angular2-highcharts隐藏/打开左侧导航菜单时如何更改图表的宽度以填充div?
我尝试使用style="display:block; width: 100% !important;" 正如我发现的大多数资源所建议的那样,但它没有帮助。
这是在 mat-sidenav-container 和 mat-sidenav-content 中使用图表的示例:
html
css
还添加了屏幕截图:关闭左侧导航菜单后,图表宽度保持不变。 still_same_chart_width_size
highcharts - 如何使用 angular2-highcharts 设置系列工具提示的背景颜色?
我正在使用系列工具提示来呈现自定义工具提示。我无法找到如何设置工具提示的样式。
例如。
系列 1 带有系列工具提示 -> 背景颜色:'#F00'
带有系列工具提示的系列 2 -> 背景颜色:'#0F0'
带有系列工具提示的系列 3 -> 背景颜色:'#00F'
我不希望背景颜色在上面的示例中起作用,但它演示了我正在尝试做的事情。
这可能与angular2-highcharts有关吗?如果是这样,我将如何处理?我尝试了一个自定义格式化程序,但它恢复了默认的工具提示行为。
angular - renderer.text 在 gevgeny/angular2-highcharts 中不起作用
我正在使用gevgeny/angular2-highcharts在角度项目中使用 highchart。我正在尝试使用Highcharts.SVGRenderer#text。
它在高库存中正常工作
如果我在 angular2-highcharts 中使用相同的代码,则它不起作用
检查Plunker
片段
我如何renderer.text
在 angular2 highcharts 中使用?
angular - 在 Angular 2+ 组件中接收 HighStock RangeSelector 按钮事件
我想在我的角度组件中访问 highstock rangeSelector 按钮事件。我正在使用该angular2-highcharts
包来使用 highcharts 库。尝试使用(afterSetExtremes)
绑定访问它,但没有任何成功。代码在这里。请帮忙。
谢谢!!
highcharts - 无法绑定到“选项”,因为它不是“图表”的已知属性
我已经使用创建了一个图表模块,Angular2-highcharts
但是当我尝试运行应用程序时出现以下错误。
代码
1.app.module.ts
2.html文件
3. .ts 文件
请帮我解决这个问题。我发现了几个这样的问题,但没有一个能帮助我解决这个错误。我正在关注这个视频来创建图表