echarts读取json数据

使用 ECharts 读取 JSON 数据可以通过以下步骤实现：

1. 引入 ECharts 库和初始化需要的 DOM 元素：

<!-- 引入 ECharts 库 -->
<script src="echarts.min.js"></script>

<!-- 初始化需要的 DOM 元素 -->
<div id="chart" style="width: 600px;height:400px;"></div>

2. 创建 ECharts 实例并配置图表参数：

// 创建 ECharts 实例
var myChart = echarts.init(document.getElementById('chart'));

// 配置图表参数
var option = {
    title: {
        text: '销售统计'
    },
    tooltip: {},
    legend: {
        data:['销量']
    },
    xAxis: {
        data: []
    },
    yAxis: {},
    series: [{
        name: '销量',
        type: 'bar',
        data: []
    }]
};

3. 使用 AJAX 请求获取 JSON 数据：

$.ajax({
    url: 'data.json',
    dataType: 'json',
    success: function(data) {
        // 将获取到的数据赋值给 option 中的 xAxis 和 series.data
        option.xAxis.data = data.category;
        option.series[0].data = data.sales;

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    }
});

其中，`data.json` 是 JSON 数据的 URL 地址，`data.category` 和 `data.sales` 是 JSON 数据中的属性，对应着图表中的 x 轴和 y 轴数据。