echarts 是一種用于可視化數據的JavaScript庫。它提供了豐富的圖表類型和強大的交互功能。數據處理是可視化的關鍵部分之一,echarts 支持多種數據格式,其中包括 JSON 格式。
// 示例 JSON 數據 { "title": { "text": "某地區蔬菜銷量" }, "tooltip": { "trigger": "axis", "axisPointer": { "type": "shadow" } }, "legend": { "data": ["月銷量", "月同比"] }, "grid": { "left": "3%", "right": "4%", "bottom": "3%", "containLabel": true }, "xAxis": { "type": "category", "data": ["西紅柿", "黃瓜", "白菜", "豆腐", "辣椒", "茄子"] }, "yAxis": [{ "type": "value", "name": "銷量", "min": 0, "max": 500, "interval": 100, "axisLabel": { "formatter": "{value} kg" } }, { "type": "value", "name": "同比", "min": -50, "max": 50, "interval": 10, "axisLabel": { "formatter": "{value}%" } }], "series": [{ "name": "月銷量", "type": "bar", "data": [320, 200, 180, 430, 220, 310] }, { "name": "月同比", "type": "line", "yAxisIndex": 1, "data": [-10, 5, 3, -8, 2, 6] }] }
上方是一個簡單的 echarts JSON 數據示例。可以看到,它包含了圖表的標題、提示框、圖例、坐標軸、系列等信息。其中,xAxis 表示橫軸,yAxis 表示縱軸,series 表示數據系列。
當我們使用 echarts 繪制圖表時,需要將數據以 JSON 格式傳入。對于不同的圖表類型,需要的數據格式有所不同。具體格式可以參考 echarts 的官方文檔。
上一篇python 類作為參數
下一篇vue再查詢丟失