Highchart基础教程-图表的主要组成

一、Highchar图表的主要组成

1、图表标题(Title):图表包含标题和副表题(subTitle,可选)。

2、坐标轴(Axis):包括x轴(xAxis)和y轴(yAxis)。多个数据列可以共同使用一个坐标轴,为了对比或区分数据,Highchar提供了多轴的支持。

3、数据列(Series):例如:曲线图的一条曲线,柱状图的一个柱形。

4、数据提示框(Tooltip):当鼠标悬停在某点上时,以框的形式提示该点的数据,比如该点的值,数据单位等。数据提示框内提示的信息完全可以通过格式化函数动态指定。

5、图例(Legend):用不同形状、颜色、文字等 标示不同数据列,通过点击标示可以显示或隐藏该数据列。

6、版权标签(Credits 图表版权信息):显示在图表右下方的包含链接的文字,默认是Highcharts官网地址。通过指定credits.enabled=false即可不显示该信息。

7、导出功能(xporting):通过引入exporting.js即可增加图表导出为常见文件功能。

8、标示线(PlotLines):标示线(或辅助线)。可以在图表上增加一条标示线,比如平均值线,最高值线等。

9、标示区(PlotBands):标示区域(分辨带)。可以在图表添加不同颜色的区域带,标示出明显的范围区域。

二、Hightock(股票)的主要组成

 1、范围选择器(rangeSelector)

 2、导航器(navigator)

 3、滚动条(scrollbar)

 4、十字准星线(crosshair)

三、HighMap(地图)的主要组成

 1、地图导航器(mapNavigation)

 2、色值轴(colorAxis)

转载于:https://www.cnblogs.com/john-sr/p/6013302.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Highcharts支持将图表导出为PDF文件。要将多个导出的图表文件合并为一个PDF文件,可以使用一些第三方库或在线服务,例如PDFtk、iLovePDF等。 下面是一些基本的步骤: 1. 使用Highcharts导出图表为PDF文件,并将其保存到本地计算机上或者服务器上。 2. 在代码中使用第三方库或在线服务将每个PDF文件合并为一个文件。 3. 将合并后的PDF文件保存到本地计算机上或者服务器上。 以下是一个使用PDFtk将多个PDF文件合并为一个文件的示例代码: ```javascript // 导出第一个图表为PDF文件 Highcharts.exportCharts({ type: 'application/pdf', filename: 'chart1.pdf', sourceWidth: 600, sourceHeight: 400 }, function (pdf) { // 将第一个PDF文件保存到本地计算机或者服务器上 fs.writeFileSync('chart1.pdf', pdf); // 导出第二个图表为PDF文件 Highcharts.exportCharts({ type: 'application/pdf', filename: 'chart2.pdf', sourceWidth: 600, sourceHeight: 400 }, function (pdf) { // 将第二个PDF文件保存到本地计算机或者服务器上 fs.writeFileSync('chart2.pdf', pdf); // 使用PDFtk将两个PDF文件合并为一个文件 var cmd = 'pdftk chart1.pdf chart2.pdf cat output merged.pdf'; exec(cmd, function (error, stdout, stderr) { if (error) { console.error('Error merging PDF files:', error); } else { console.log('PDF files merged successfully.'); } }); }); }); ``` 在上面的示例代码中,我们首先导出了两个不同的图表为PDF文件,然后使用PDFtk将这两个PDF文件合并为一个文件。最终的结果文件为merged.pdf。请注意,PDFtk需要在服务器上安装,并且可以使用exec命令来执行系统命令。如果需要在客户端浏览器中合并PDF文件,可以考虑使用在线服务,例如iLovePDF等。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值