官术网_书友最值得收藏!

  • 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.

主站蜘蛛池模板: 普宁市| 富顺县| 容城县| 高邑县| 新密市| 桐梓县| 化隆| 鸡东县| 项城市| 鲁甸县| 石家庄市| 开封县| 青浦区| 醴陵市| 电白县| 嘉禾县| 广汉市| 垦利县| 江西省| 胶南市| 光山县| 河源市| 临城县| 安塞县| 武威市| 丰顺县| 沧州市| 察雅县| 田东县| 颍上县| 中卫市| 弋阳县| 合阳县| 界首市| 宜阳县| 古交市| 曲靖市| 牡丹江市| 唐海县| 建昌县| 塔城市|