Highcharts 使用 HTML 表格数据的柱形图.pdfVIP

Highcharts 使⽤ HTML 表格数据的柱形图 Highcharts 使⽤ HTML 表格数据的柱形图 Highcharts 柱形图 以下实例演⽰了使⽤ HTML 表格数据的柱形图。 我们在前⾯的章节已经了解了 Highcharts 基本配 语法。接下来让我们来看下其他的 配 。在 data 下添加 table 配 。 data 数据模块提供了⼀些简单的接⼜⽤于添加数据，我们可以使⽤例如 CVS, HTML 表格 或者⽹格视图中的数据。 data.table Html 表格中设 id ，并对应参数 data.table 即能解析数据。相关设 选项有 startRow , endRow , startColumn 和 endColumn 。 data: { table: dataTable } 实例 ⽂件名：highcharts_column_table .htm html head titleHighcharts 教程 | W3Cschool教程(youj com)/title script src=http://apps bdimg com/libs/jquery/2 1 4/jquery min script src=http://code highcharts com/highcharts js/scrip script src=http://code highcharts com/modules/data js/scri /head body div id=container style=width: 550px; height: 400px; margin: 0 script language=JavaScript $(document) ready(function() { var data = { table: datatable }; var chart = { type: column }; var title = { text: 从⽹⻚中的 HTML 表格中读取数据 }; var yAxis = { allowDecimals: false, title: { text: Units } }; var tooltip = { formatter: function () { return b + this series name + /bbr/ + this point y + + this point name toLowerCase(); } }; var credits = { enabled: false }; var json = {}; json chart = chart; json title = title; json data = data; json yAxis = yAxis; json credits = credits; json tooltip = tooltip; $(#container) highcharts(json); }); /script table id=datatable thead trth/ththJane/ththJohn/th/tr /thead tbody trthApples/thtd3/tdtd4/td/tr trthPears/thtd2/tdtd0/td/tr trthPlums/thtd5/tdtd11/td/tr trthBananas/thtd1/tdtd1/td/tr trthOranges/thtd2/tdtd4/td/tr /tbody /table /body /html 尝试⼀下 » 以上实例输出结果为： Highcharts 柱形图 W3Cschool （ ）最⼤的技术知识分享与学习平台 此篇内容 ⾃于 ⽹站⽤户上传并发布。