Echarts的仪表盘不显示怎么回事,都是按照Demo上

不再是小屁孩 发布于 2014/10/26 16:27
阅读 2K+
收藏 0


// 路径配置
require.config({
    paths: {
        'echarts': 'http://echarts.baidu.com/build/echarts',
        'echarts/chart/bar': 'http://echarts.baidu.com/build/echarts',
        'echarts/chart/gauge': 'http://echarts.baidu.com/build/echarts'
    }
});


// 使用
require(
    [
        'echarts',
         'echarts/chart/bar',
             'echarts/chart/pie',
        'echarts/chart/gauge' // 使用柱状图就加载bar模块,按需加载
    ],
    function (ec) {
        // 基于准备好的dom,初始化echarts图表
        var myChart = ec.init(document.getElementById('Right'));
        option = {
            tooltip: {
                formatter: "{a} <br/>{b} : {c}%"
            },
            toolbox: {
                show: true,
                feature: {
                    mark: { show: true },
                    restore: { show: true },
                    saveAsImage: { show: true }
                }
            },
            series: [
                {
                    name: '业务指标',
                    type: 'gauge',
                    detail: { formatter: '{value}%' },
                    data: [{ value: 50, name: '完成率' }]
                }
            ]
        };


        clearInterval(timeTicket);
        timeTicket = setInterval(function () {
            option.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
            myChart.setOption(option, true);
        }, 2000);


        // 为echarts对象加载数据 
        myChart.setOption(option);
    }
);
加载中
0
Kener-林峰
Kener-林峰
看控制台是否有报错?版本。
返回顶部
顶部