|
|
| Line 3: |
Line 3: |
| height=300px | | | height=300px | |
| option = { | | option = { |
| "tooltip": { | | xAxis: { |
| "trigger": "axis", | | type: 'category', |
| "axisPointer": { "type": "shadow" } | | data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] |
| }, | | }, |
| "legend": { | | yAxis: { |
| "data": ["Forest", "Steppe", "Desert", "Wetland"] | | type: 'value' |
| }, | | }, |
| "toolbox": { | | series: [ |
| "show": true,
| |
| "orient": "vertical",
| |
| "left": "right",
| |
| "top": "center",
| |
| "feature": {
| |
| "mark": { "show": true },
| |
| "dataView": { "show": true, "readOnly": false },
| |
| "magicType": { "show": true, "type": ["line", "bar", "stack"] },
| |
| "restore": { "show": true },
| |
| "saveAsImage": { "show": true }
| |
| }
| |
| },
| |
| "xAxis": [
| |
| {
| |
| "type": "category",
| |
| "axisTick": { "show": false },
| |
| "data": ["2012", "2013", "2014", "2015", "2016"]
| |
| }
| |
| ],
| |
| "yAxis": [
| |
| {
| |
| "type": "value"
| |
| }
| |
| ],
| |
| "series": [
| |
| {
| |
| "name": "Forest",
| |
| "type": "bar",
| |
| "barGap": 0,
| |
| "label": {
| |
| "show": true,
| |
| "position": "insideBottom",
| |
| "distance": 15,
| |
| "align": "left",
| |
| "verticalAlign": "middle",
| |
| "rotate": 90,
| |
| "formatter": "{c} {name|{a}}",
| |
| "fontSize": 16,
| |
| "rich": { "name": {} }
| |
| },
| |
| "emphasis": {
| |
| "focus": "series"
| |
| },
| |
| "data": [320, 332, 301, 334, 390]
| |
| },
| |
| {
| |
| "name": "Steppe",
| |
| "type": "bar",
| |
| "label": {
| |
| "show": true,
| |
| "position": "insideBottom",
| |
| "distance": 15,
| |
| "align": "left",
| |
| "verticalAlign": "middle",
| |
| "rotate": 90,
| |
| "formatter": "{c} {name|{a}}",
| |
| "fontSize": 16,
| |
| "rich": { "name": {} }
| |
| },
| |
| "emphasis": {
| |
| "focus": "series"
| |
| },
| |
| "data": [220, 182, 191, 234, 290]
| |
| },
| |
| {
| |
| "name": "Desert",
| |
| "type": "bar",
| |
| "label": {
| |
| "show": true,
| |
| "position": "insideBottom",
| |
| "distance": 15,
| |
| "align": "left",
| |
| "verticalAlign": "middle",
| |
| "rotate": 90,
| |
| "formatter": "{c} {name|{a}}",
| |
| "fontSize": 16,
| |
| "rich": { "name": {} }
| |
| },
| |
| "emphasis": {
| |
| "focus": "series"
| |
| },
| |
| "data": [150, 232, 201, 154, 190]
| |
| },
| |
| { | | { |
| "name": "Wetland", | | data: [120, 200, 150, 80, 70, 110, 130], |
| "type": "bar",
| | type: 'bar' |
| "label": {
| |
| "show": true,
| |
| "position": "insideBottom",
| |
| "distance": 15,
| |
| "align": "left",
| |
| "verticalAlign": "middle",
| |
| "rotate": 90,
| |
| "formatter": "{c} {name|{a}}",
| |
| "fontSize": 16,
| |
| "rich": { "name": {} }
| |
| }, | |
| "emphasis": {
| |
| "focus": "series"
| |
| },
| |
| "data": [98, 77, 101, 99, 40]
| |
| } | | } |
| ] | | ] |
