欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

echarts加載json的辛酸史

李中冰2年前9瀏覽0評論

關于echarts的json加載,我可謂是從入門到放棄。

起初,我并不了解json是什么,只知道它是一種數據格式。在echarts的開發中,需要用到這種數據格式來繪制圖表。于是,我開始學習如何加載json數據。

var option = {
xAxis: {
type: 'category',
data: []
},
yAxis: {
type: 'value'
},
series: [{
name: '數據名稱',
data: [],
type: 'bar'
}]
};
var myChart = echarts.init(document.getElementById('chart'));
$.ajax({
type: 'GET',
url: 'data.json',
dataType: 'json',
success: function (data) {
option.xAxis.data = data.xData;
option.series[0].data = data.yData;
myChart.setOption(option);
},
error: function () {
alert('加載數據失敗!');
}
});

看似很簡單的代碼,但是問題卻出現了。當我嘗試加載本地的json文件時,卻一直提示加載失敗。

于是,我開始了一番探索。我嘗試在不同的瀏覽器下運行代碼,也試過使用http協議來打開本地文件,但結果都是一樣的。

我陷入了困惑,無從下手。后來,我向其他經驗豐富的開發者請教,才發現原來是由于瀏覽器的安全限制,導致無法直接訪問本地文件。

我嘗試著用node.js起了一個本地服務器,將json文件放到服務器上,終于成功加載數據并繪制圖表。

這次的經歷,讓我真正理解了json數據格式的重要性,也學習到了如何在開發中應對不同的問題。雖然這段歷程辛酸,但也讓我進一步成長。