画一个echarts热力图，用日历坐标系画，rang是24小时

好的，我可以帮你画出一个echarts热力图，并使用日历坐标系画，范围为24小时。

下面是一个简单的示例代码，你可以根据自己的数据进行修改：

// 初始化echarts实例
var myChart = echarts.init(document.getElementById('myChart'));

// 定义数据
var data = [
    ['2021-01-01', '00:00', 100],
    ['2021-01-01', '01:00', 200],
    ['2021-01-01', '02:00', 300],
    // ...
    ['2021-01-02', '00:00', 400],
    ['2021-01-02', '01:00', 500],
    ['2021-01-02', '02:00', 600],
    // ...
];

// 定义图表配置项
var option = {
    tooltip: {
        position: 'top'
    },
    visualMap: {
        min: 0,
        max: 1000,
        type: 'piecewise',
        orient: 'horizontal',
        left: 'center',
        bottom: '10%'
    },
    calendar: {
        range: ['2021-01-01', '2021-01-02'],
        dayLabel: {
            firstDay: 1,
            nameMap: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
        },
        monthLabel: {
            show: false
        },
        cellSize: [40, 40],
        top: 'middle',
        left: 'center',
        right: null,
        bottom: null,
        orient: 'vertical',
        splitLine: {
            show: true,
            lineStyle: {
                color: '#999',
                width: 1,
                type: 'dashed'
            }
        },
        itemStyle: {
            normal: {
                borderWidth: 1,
                borderColor: '#ccc'
            }
        }
    },
    series: [{
        type: 'heatmap',
        coordinateSystem: 'calendar',
        data: data,
        label: {
            show: true
        },
        emphasis: {
            itemStyle: {
                shadowBlur: 10,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
            }
        }
    }]
};

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

这个示例代码会生成一个echarts热力图，并使用日历坐标系画，范围为24小时。你可以根据自己的实际数据进行修改和调整。