角度高图表中的导出和视觉定制功能

问题描述 投票:0回答:1

我是 HighChart 的新手,目前正在探索 HighChart 的功能。我期待将 HighChart 集成到我的 Angular 应用程序中。

我有以下疑问,我试图在 Highchart 常见问题解答/文档中找到答案,但找不到太多信息。

问题 1:我们可以使用 Highchart 库本身导出绑定到 HighChart 的整个数据,而不是编写单独的功能吗?

问题 2:我们是否可以允许最终用户自定义 HighChart 视觉效果,可以将折线图转换为饼图或更改 x 轴/y 轴字段等? 链接

提前谢谢您。

highcharts angular-highcharts
1个回答
0
投票
  1. 是的,您可以通过包含 exportingexport-data 模块来实现这一点,这些模块允许用户将数据提取到 CSV、XLS 或 HTML 表格中:https://api.highcharts.com/highcharts /导出.csv
  2. 当然,有多种方法可以允许最终用户更改图表的类型或外观。例如,您可以创建一个以编程方式在折线图和柱形图之间切换的方法。您还可以查看 Highcharts Editor v2,这是一个功能丰富的图表编辑器:https://lab.highsoft.com/editorv2/

示例代码片段:

let isColumn = false;

chart.update({
    chart: {
        type: isColumn ? 'line' : 'column'
    }
});
isColumn = !isColumn; // update boolean flag

演示:https://jsfiddle.net/BlackLabel/931yhrpn/

API:
https://api.highcharts.com/class-reference/Highcharts.Chart#update
https://api.highcharts.com/highcharts/chart.type

© www.soinside.com 2019 - 2024. All rights reserved.