- Highcharts Essentials
- Bilal Shahid
- 210字
- 2021-08-05 17:35:52
Including multiple data series
Since the previous chart only shows the total number of medals, it's not very helpful when looking for the numbers of gold, silver, or bronze medals earned by each country. We can modify the chart to show the individual numbers while retaining its simplicity.
Copy the code from the previous example and modify the code to include an array of multiple series:
series: [{ name: 'Gold', data: [46, 38, 24, 29, 13] }, { name: 'Silver', data: [29, 27, 26, 17, 8] }, { name: 'Bronze', data: [29, 23, 32, 19, 7] }]
This modification of code will result in a chart showing the number of gold, silver, and bronze medals for each country.
As mentioned earlier, you can always navigate to the Highcharts documentation to find more about the series component at http://api.highcharts.com/highcharts#series.

You can toggle the display of each series by clicking on the legend corresponding to each category at the bottom of the chart.
In this example, we included multiple series in a single chart to show a more simplified form of data. In the next example, we will stack these multiple series in a single column to show the difference in ratios between each category as well as visualize their total values.
- 大話PLC(輕松動漫版)
- Getting Started with ResearchKit
- Python數據可視化:基于Bokeh的可視化繪圖
- C++程序設計基礎教程
- Learning ELK Stack
- 基于Swift語言的iOS App 商業實戰教程
- SharePoint Development with the SharePoint Framework
- The Professional ScrumMaster’s Handbook
- Java圖像處理:基于OpenCV與JVM
- Django 3.0應用開發詳解
- JSP程序設計實例教程(第2版)
- Cocos2d-x Game Development Blueprints
- Scrapy網絡爬蟲實戰
- 微信小程序開發邊做邊學(微課視頻版)
- Access 2016數據庫應用與開發:實戰從入門到精通(視頻教學版)