分类: JavaScript
2021-02-24 16:30:25
Highcharts是一款纯JavaScript编写的图表库,为你的Web网站、Web应用程序提供直观、交互式图表。当前支持折线、曲线、区域、区域曲线图、柱形图、条形图、饼图、散点图、角度测量图、区域排列图、区域曲线排列图、柱形排列图、极坐标图等几十种图表类型。
我们很自豪地宣布新的主要Highcharts版本,包括Stock,Maps和Gantt软件包。这是Highcharts 9.0版的主要亮点(有关更多详细信息,请查看更改日志):
1.换货范围选择器
我们对范围选择器的UX进行了大修。响应范围选择器
首先,我们添加了一项功能,如果空间有限,该功能允许范围选择器按钮的行折叠成一个下拉列表。
可能会强制此功能始终显示下拉列表,或者禁用此功能以始终显示按钮行。默认行为是下拉菜单以响应方式出现,从而在小屏幕(例如移动设备)或仪表板内提供更好的体验。
HTML 5日期选择器
其次,我们本着同样的心态来改善移动体验,我们升级了范围选择器日期输入。
现在,输入使用了大多数现代浏览器都支持的真正的HTML5日期选择器。其他浏览器会像以前一样使用文本输入。此外,我们删除了日期输入周围的一些墨水,以实现更现代,更轻便的图形设计。
2. 3D图表中的面积系列
现在可以将面积系列添加到3D图表中,并按各个深度进行布局,以实现Z维度上的叠加效果,就像我们之前在柱系列中所支持的那样。
3.无障碍改善
除了各种小的改进之外,我们还通过添加图例标题和改进的图例项标签支持来增强可访问性体验。
4.更安全的HTML处理
尽管应先过滤所有用户提供的内容,然后再将其添加到Highcharts配置中,但我们现在正在采取额外的步骤来确保恶意内容不会进入DOM。现在,所有提供的HTML配置字符串都将解析为抽象语法树,然后再通过允许列表过滤这些语法树,然后将其插入DOM。5.内部重构
尽管对于最终用户或实施者不可见,但我们对系列类型和指标的组织方式进行了重大重构。现在,它们是具有真正继承性的ES6类,并且更适合TypeScript。6.错误修复
我们的团队一直在努力/明智地保持Highcharts稳固发展,并改善我们的社区和用户体验。