This documentation is the DEVELOPMENT VERSION of the FURTHER EXAMPLES documentation for the module.
Further examples of the use of the Charts SVG module.
Standard Chart Variations
{{#invoke:Charts SVG
| barChart
| FileTitle = Charts SVG Example 9 - Stacked Bar Chart
| YMax = 160
| Stack = y
| Series1Text = 1st W
| Series1Values = 1 70
2 10
3 50
4 10
5 70
| Series2Text = 2nd W
| Series2Values = 1 80
2 20
3 65
4 40
5 90
| Group1Text = A
| Group2Text = B
| Group3Text = C
| Group4Text = D
| Group5Text = E
}}
Bars stacked for each group.
{{#invoke:Charts SVG
| barChart
| FileTitle = Charts SVG Example 10 - Stacked 100% Bar Chart
| YMax = 160
| Stack100 = y
| Series1Text = 1st W
| Series1Values = 1 70
2 10
3 50
4 10
5 70
| Series2Text = 2nd W
| Series2Values = 1 80
2 20
3 65
4 40
5 90
| Group1Text = A
| Group2Text = B
| Group3Text = C
| Group4Text = D
| Group5Text = E
}}
Bars stacked, and each group scaled to 100%.
{{#invoke:Charts SVG
| lineChart
| FileTitle = Charts SVG Example 11 - Stacked Line Chart
| YMax = 160
| Stack = y
| Series1Text = 1st W
| Series1Values = 1 70
2 10
3 50
4 10
5 70
| Series2Text = 2nd W
| Series2Values = 1 80
2 20
3 65
4 40
5 90
| Group1Text = A
| Group2Text = B
| Group3Text = C
| Group4Text = D
| Group5Text = E
}}
A line chart, with each group stacked.
{{#invoke:Charts SVG
| lineChart
| FileTitle = Charts SVG Example 12 - Stacked 100% Area Chart
| YMax = 160
| Area = y
| Stack100 = y
| Series1Text = 1st W
| Series1Values = 1 70
2 10
3 50
4 10
5 70
| Series2Text = 2nd W
| Series2Type = bar
| Series2Values = 1 80
2 20
3 65
4 40
5 90
| Series3Text = 3rd W
| Series3Type = bar
| Series3Values = 1 90
2 15
3 45
4 25
5 85
| Group1Text = A
| Group2Text = B
| Group3Text = C
| Group4Text = D
| Group5Text = E
}}
An area chart, each group stacked and scaled to 100%.
{{#invoke:Charts SVG
| pieChart
| FileTitle = Charts SVG Example 13 - Exploded Pie Chart
| Explode = all
| SegmentText = y
| Series1Values = A 80
B 20
C 60
D 20
E 80
}}
A pie chart with all segments exploded, and the segment names next to the segments.
A scatter chart with additional lines for the trend of '2nd W' and for the zero Y-value. The '2nd W' series is scaled using the right Y-Axis. Note how text values for display (the ChartText1 value here), because they are passed to the SVG as-is, can include SVG <tspan> elements for text appearance adjustments (the superscript '2').
A mixed chart with image and chart background colors, a reduced image padding (but an expanded top padding), and the title, legend and footnote moved. A foreground has been added showing the Wikipedia globe as an image.
