使用ECharts進行數據可視化是現如今非常流行的一種方式。在使用 ECharts 讀取 JSON 數據時，通常采用的是從后端 API 中獲取 JSON 數據，然后將其傳遞給 ECharts 進行展示。但是，有時候后端數據會沒有 X 軸數據，用 ECharts 進行展示可能會出現問題。

以下介紹如何使用 ECharts 處理沒有 X 軸數據的情況。

// 讀取數據
var data = [
{
value: 50,
name: "項目1",
},
{
value: 60,
name: "項目2",
},
{
value: 70,
name: "項目3",
},
{
value: 80,
name: "項目4",
},
{
value: 90,
name: "項目5",
},
];
// 設置配置項
option = {
title: {
text: "沒有X軸的ECharts",
},
tooltip: {
trigger: "item",
formatter: "{a}
{b}: {c} (555bhv5%)",
},
legend: {
orient: "vertical",
left: 10,
data: ["項目1", "項目2", "項目3", "項目4", "項目5"],
},
series: [
{
name: "訪問來源",
type: "pie",
radius: ["50%", "70%"],
avoidLabelOverlap: false,
label: {
show: false,
position: "center",
},
emphasis: {
label: {
show: true,
fontSize: "30",
fontWeight: "bold",
},
},
labelLine: {
show: false,
},
data: data,
},
],
};
// 使用ECharts展示數據
var chart = echarts.init(document.getElementById("chart"));
chart.setOption(option);

以上代碼中，我們展示了一個餅狀圖的樣例。由于沒有 X 軸數據的限制，我們在配置項中設置了圖例和提示信息。圖例中包含了所有的項目名稱，提示信息中會顯示各個項目名稱和對應的數值。

總之，在沒有 X 軸數據的情況下，我們可以采用其他方式展示數據，例如使用餅狀圖、儀表盤等。只要合理地利用 ECharts 的配置項和圖形類型，我們就可以用更豐富的方式展示數據。