Highcharts 是一款开源的 JavaScript 图表库,它能够为网站添加精美的图表。通过简洁的 API,Highcharts 支持多种类型的图表,包括折线图、柱状图、饼图和散点图等。下面的代码是一个走势图,具体效果图如右图~
具体实现代码如下:
<!DOCTYPE html> <html> <head> <title>如何利用Highcharts语法插入漂亮的图表o</title> <script src="https://code.highcharts.com/highcharts.js"></script> <script src="https://code.highcharts.com/modules/exporting.js"></script> <script src="https://code.highcharts.com/modules/accessibility.js"></script> </head> <body> <div id="chart-container" style="width:600px;"></div> <script> var data = [1, 3, 2, 4, 5]; // 数据数组 var options = { // 配置选项 chart: { type: 'line' // 图表类型为折线图 }, series: [{ data: data // 数据 }] }; // 在 #chart-container 容器中绘制图表 Highcharts.chart('chart-container', options); </script> </body> </html>