- 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.
- Mastering Concurrency Programming with Java 8
- ServiceNow Application Development
- C語(yǔ)言程序設(shè)計(jì)習(xí)題解析與上機(jī)指導(dǎo)(第4版)
- Arduino by Example
- Visual FoxPro程序設(shè)計(jì)教程
- 深入淺出WPF
- 樂(lè)高機(jī)器人設(shè)計(jì)技巧:EV3結(jié)構(gòu)設(shè)計(jì)與編程指導(dǎo)
- Access 2010數(shù)據(jù)庫(kù)基礎(chǔ)與應(yīng)用項(xiàng)目式教程(第3版)
- JavaScript前端開(kāi)發(fā)與實(shí)例教程(微課視頻版)
- Unity Shader入門(mén)精要
- Mastering KnockoutJS
- 自然語(yǔ)言處理Python進(jìn)階
- Learning ArcGIS for Desktop
- Express Web Application Development
- IBM Cognos Business Intelligence 10.1 Dashboarding cookbook