彩票走势图

纯JavaScript编写的开源图表库Highcharts常见问题集锦(一)

原创|其它|编辑:吴园园|2019-08-05 11:25:52.820|阅读 411 次

概述:Highcharts是纯JavaScript编写的开源图表库,为你的Web应用程序提供直观的、交互式图表。本文整理了Highcharts用户常见的问题,希望对您有所帮助。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

点击下载Highcharts最新试用版    

QHIGHCHARTS是否可以引用我们域外的文件?

A对于基本用法,Highcharts不引用除highcharts.js / highstock.js之外的任何文件,尽管在某些情况下您应该注意。

导出模块。由于并非所有浏览器都能将图表转换为图像格式,因此默认情况下,此操作在我们的Web服务//export.highcharts.com上完成。生成的SVG从浏览器发送到导出服务器,并发回图像。如果您担心自己的数据内容是通过互联网传播的,那么您应该考虑我们的替代解决方案。最简单的替代方法是使用我们的模块进行客户端导出。如果符合您的要求,请查看功能和兼容性表。如果您可以访问节点服务器,则还可以设置自己的导出服务器。 

某些功能(包括客户端导出)可能需要第三方依赖项。其中一些是从我们的服务器按需加载的,但在这些情况下,加载位置是可配置的。

Q:我的图表未在INTERNET EXPLORER 7或8中显示?

A:图表在现代浏览器中工作但在IE6,7和8中失败的最常见原因是配置选项中的杂散逗号。在逗号的最后一项或JavaScript中的数组之后,逗号逗号是逗号。这些将在现代浏览器中静默传递,但在旧版IE中导致JavaScript错误。

var chart = new Highcharts.Chart({
    图表:{
        renderTo:'容器'
    },
    xAxis:{
        输入:'datetime'
    },
    系列:[{
        资料:[29.9,71.5,106.4,129.2,144.0,176.0,135.6,148.5,216.4,194.1,95.6,54.4                ],
        pointStart:Date.UTC(2012,0,1),
        pointInterval:24 * 3600 * 1000,
    }]
});

        旧版IE无法显示图表的另一种情况是,禁用安全设置“ActiveX控件和插件”=>  “二进制和脚本行为”。这在用户计算机上很少发生,但我们不时在公司网络上看到它。在这种情况下,IE无法绘制任何矢量图形,只显示文本。 

Q:我可以将HIGHCHARTS与...服务器一起使用吗?

A:Highcharts完全在客户端上运行,并且可以与任何可以提供HTML和JavaScript内容的Web服务器一起使用。无论您的服务器是PHP,Perl,ASP,ASP.NET,Node.js还是其他,Highcharts完全不了解它。HTML / JavaScript文件也可以从文件系统加载,在应用程序平台中就是这种情况,其中Highcharts被加载到应用程序内的Web组件中。

集成Highcharts的最佳实践可能因系统而异。您应该遵循在特定系统上处理JavaScript的常见做法。有些人喜欢使用Highcharts设置提供干净的JSON或JavaScript文件,有些人则希望将JavaScript设置直接写入网页。数据可以以JSON或CSV文件的形式加载(请参阅左侧菜单中的使用数据),或者在图表设置中内嵌打印。使用数据库驱动的后端时,让服务器系统提供JSON或CSV文件可能更清晰。

对于与服务器的实时连接,您可以设置网页以通过XHR加载新数据或使用WebSockets设置直接通信。在浏览器中的新数据到达,图表可以保持通过各种动态终结点像更新Series.addPoint(),Point.update(),Chart.addSeries(),Chart.update()等。

在开始设置复杂的后端之前,您可能需要查看www.highcharts.com/download是否有人为您的特定系统创建了一个包装器。

Q:我可以在HIGHCHARTS中使用HIGHSTOCK的功能吗?

A:是的,大多数Highstock功能都可以应用于标准图表。从许可的角度来看,使用Stock包的功能显然需要Highstock许可。

技术上Highcharts Stock是作为Highcharts的一组插件实现的。Highcharts的整个代码库包含在Stock包中,您可以使用Highcharts.Chart并启用通常与股票图表关联的某些功能来调用图表。

Q:我可以将数据表添加到导出的图表中吗?

A:如果您不关心导出,则只需通过export-data模块添加数据表和一个简单的选项exports.showTable。但是,此表不支持导出为SVG或其他图像格式,但通过在Highcharts数据和绘图API之上进行一些编程,您可以绘制表格。

Q:如何从HIGHCHARTS中获得最佳性能?

A:使用具有大量数据点的系列时,需要考虑一些事项。

  •  首先,考虑使用Boost模块。

  • 然后,对于线图,建议您禁用点标记,因为这些将添加性能开销。

  • 禁用阴影会提高性能,因为为包含阴影的每个形状创建了三个阴影元素。

  • 对于大型列系列,建议您至少对基于VML的浏览器禁用初始动画plotOptions.column.animation。区分快速SVG浏览器和较慢的VML浏览器的最佳方法是使用Highcharts.svg布尔属性。


如果本篇文章对您有用的话,欢迎您分享您的疑问和看法~

想要购买Highcharts正版授权的朋友可以。

有关产品资讯的更多精彩内容,敬请关注下方的微信公众号▼▼▼

纯JavaScript编写的开源图表库Highcharts常见问题集锦(一)


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP