Highcharts使用HTML表中的数据创建交互式图表

Highcharts是一款纯JavaScript编写的图表库，为你的Web网站、Web应用程序提供直观、交互式图表。当前支持折线、曲线、区域、区域曲线图、柱形图、条形图、饼图、散点图、角度测量图、区域排列图、区域曲线排列图、柱形排列图、极坐标图等几十种图表类型。

点击下载Highcharts最新试用版

在本文中，我将向您展示一个简单的方法，说明如何使用HTML表中的数据创建交互式图表。

多亏了Highcharts数据模块，很容易和直接装载一个HTML表作为数据源。

下面的演示将1935年至2020年的日本人口统计数据可视化。数据是从HTML表中获取的：

让我们看看如何做

创建此交互式图表有两个简单的步骤：

1. HTML源代码

第一步是复制表的HTML源代码以使其可视化。我使用了日本总人口1935年至2020年从日本维基百科网页的人口。

在下面的图片中，您可以看到我的访问方式，然后使用开发者工具从Google chrome复制HTML代码：