How to display "No Data" message on echart

How we can display No Data message on echart?

[larrykkk]

use the data.length to control Echart option

title: {
    show: answerCountArr.length === 0,
    textStyle: {
        color: "grey",
        fontSize: 20
    },
    text: "No data",
    left: "center",
    top: "center"
},
xAxis: {
    show: answerCountArr.length,
    //...
},
yAxis: {
    show: answerCountArr.length,
    //...
},

if data.length is false then chart will only show “No data”

[tongxuehello]

@coskuntekin I solved this problem by this way: clear echarts instance first, then setOption with custom title option (without series data and hide axis line). By the way, you can add background to the option.

    var showChartInfo = function (divId, infoStr) {
        var msgOption = {
            title: {
                show: true,
                textStyle:{
                  color:'grey',
                  fontSize:20
                },
                text: infoStr,
                left: 'center',
                top: 'center'
              },
            xAxis: {
                show: false
            },
            yAxis: {
                show: false
            },
            series: []
        };
        initChart(divId).clear() //initChart(divId): get echarts instance, you can get it by using other method
        initChart(divId).hideLoading()
        initChart(divId).setOption(msgOption)
    };