js 使用echarts为什么显示不出来数据?

<script type="text/javascript">
    // 基于准备好的dom,初始化echarts实例
    var myChart = echarts.init(document.getElementById('m'));
    myChart.setOption({
        title: {
            text: '异步数据加载示例'
        },
        tooltip: {},
        legend: {
            data:['销量']
        },
        xAxis: {
            data: []
        },
        yAxis: {},
        series: [{
            name: '销量',
            type: 'bar',
            data: []
        }]
    });
    // 异步加载数据
    var numbers  = new Array(5);
    var pro = new Array(5);
    $.get('stock/products/5').done(function (data) {
        // 填入数据
        numbers[0] = data[0].number;
        numbers[1] = data[1].number;
        pro[0] = data[0].productMstId;
        pro[1] = data[1].productMstId;
    });
    myChart.setOption({
        xAxis: {
            data: pro
        },
        series: [{
            // 根据名字对应到相应的系列
            name: '销量',
            data: numbers
        }]
    });
</script>

图片描述

阅读 10.9k
2 个回答

myChart.setOption写在http回调里

一般这种情况echarts 出来了 数据没出来 可能是你传输的数据格式不对 你打印一下echarts 解析的数据看一下(小白个人见解!)

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题