json:
[ { "first": [ { "name": "服装", "type": "bar", "data": [ { "name": "一月", "value": 5000 }, { "name": "二月", "value": 6500 }, { "name": "三月", "value": 4300 }, { "name": "四月", "value": 5700 }, { "name": "五月", "value": 5970 } ] }, { "name": "饰品", "type": "bar", "data": [ { "name": "一月", "value": 5050 }, { "name": "二月", "value": 6900 }, { "name": "三月", "value": 7300 }, { "name": "四月", "value": 6700 }, { "name": "五月", "value": 2970 } ] }, { "name": "食品", "type": "bar", "data": [ { "name": "一月", "value": 7000 }, { "name": "二月", "value": 8500 }, { "name": "三月", "value": 6200 }, { "name": "四月", "value": 8700 }, { "name": "五月", "value": 9970 } ] } ] }, { "value": 1048, "mave": 12657 }, { "name": "一号", "data": [ { "name": "营业", "data": [ { "name": "周", "data": [ { "wan": 1, "tu": 1, "sui": 1, "fo": 1, "fai": ".", "sks": 1 }, { "value": "25.6" }, { "value": "1234" } ] }, { "name": "月", "data": [ { "wan": 2, "tu": 2, "sui": 2, "fo": 2, "fai": ".", "sks": 2 }, { "value": "22.6" }, { "value": "2234" } ] }, { "name": "年", "data": [ { "wan": 4, "tu": 8, "sui": 8, "fo": 6, "fai": ".", "sks": 2 }, { "value": "2.6" }, { "value": "80234" } ] } ] }, { "name": "业绩", "data": [ { "name": "营业", "data": [ { "name": "周", "data": [ { "wan": 1, "tu": 2, "sui": 2, "fo": 3, "fai": ".", "sks": 3 }, { "value": "15.6" }, { "value": "2234" } ] }, { "name": "月", "data": [ { "wan": 3, "tu": 3, "sui": 4, "fo": 1, "fai": ".", "sks": 5 }, { "value": "32.6" }, { "value": "6234" } ] }, { "name": "年", "data": [ { "wan": 9, "tu": 8, "sui": 8, "fo": 6, "fai": " .", "sks": 2 }, { "value": "22.6" }, { "value": "200234" } ] } ] } ] } ] } ]
img:
还有几个svg自己找
效果图：
