echarts日历热力图代码
时间: 2023-07-09 10:33:51 浏览: 140
以下是 echarts 日历热力图的示例代码:
```
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('calendar-heatmap'));
// 日历热力图配置项
var option = {
tooltip: {
position: 'top'
},
visualMap: {
min: 0,
max: 1000,
type: 'piecewise',
orient: 'horizontal',
left: 'center',
top: 65,
textStyle: {
color: '#000'
}
},
calendar: {
top: 120,
left: 30,
right: 30,
cellSize: ['auto', 13],
range: ['2017-01-01', '2017-12-31']
},
series: {
type: 'heatmap',
coordinateSystem: 'calendar',
data: []
}
};
// 请求数据
$.get('data.json', function (data) {
myChart.setOption({
series: [{
data: data
}]
});
});
// 使用刚指定的配置项和数据显示图表
myChart.setOption(option);
```
其中,`data.json` 是数据文件,需根据实际情况进行调整。
阅读全文