在使用echarts進(jìn)行數(shù)據(jù)可視化時,經(jīng)常需要使用json格式的數(shù)據(jù)來渲染圖表。但是,有時候我們需要對json數(shù)據(jù)進(jìn)行一些改動,以滿足我們的需求。下面是一個簡單的例子來說明如何改變json數(shù)據(jù)。
{
"name": "echarts demo",
"data": [
{
"name": "2017",
"value": 132
},
{
"name": "2018",
"value": 245
},
{
"name": "2019",
"value": 512
},
{
"name": "2020",
"value": 876
}
]
}
上面這段json數(shù)據(jù)表示了一個基本的餅圖。如果我們想要將這個餅圖渲染成柱狀圖,那么我們需要對json數(shù)據(jù)進(jìn)行一些改動。
{
"name": "echarts demo",
"data": [
{
"year": "2017",
"amount": 132
},
{
"year": "2018",
"amount": 245
},
{
"year": "2019",
"amount": 512
},
{
"year": "2020",
"amount": 876
}
]
}
我們可以發(fā)現(xiàn),我們僅僅是將"name"改成了"year","value"改成了"amount"。這樣做的目的是為了讓數(shù)據(jù)的命名更加符合柱狀圖的語義。在進(jìn)行數(shù)據(jù)處理時,改動數(shù)據(jù)結(jié)構(gòu)是一個很普遍的做法。
需要注意的是,在改動json數(shù)據(jù)的同時,還需要修改代碼中引用這些數(shù)據(jù)的地方。比如說,在上面的例子中,如果我們原本將"name"賦值給了圖表的X軸,那么現(xiàn)在就需要將"year"賦值給X軸。
總的來說,改動json數(shù)據(jù)并不難,只需要注意數(shù)據(jù)結(jié)構(gòu)要保持合理,并且修改代碼中相應(yīng)的引用即可。