效果图:
工具:
ECharts
JSON:
{
"success": true,
"data": {
"rooomNames": [ "卧室B","厨房","客厅","户外" ],
"oldManLive_rooms": [
{
"roomName": "卧室B",
"time": "00:00-06:30",
"value": "390"
},
{
"roomName": "厨房",
"time": "06:30-07:00",
"value": "30"
},
{
"roomName": "户外",
"time": "07:00-11:00",
"value": "240"
},
{
"roomName": "厨房",
"time": "11:00-11:30",
"value": "30"
},
{
"roomName": "客厅",
"time": "11:30-13:30",
"value": "120"
},
{
"roomName": "卧室B",
"time": "13:30-15:30",
"value": "120"
},
{
"roomName": "户外",
"time": "15:30-17:30",
"value": "120"
},
{
"roomName": "厨房",
"time": "17:30-18:30",
"value": "60"
},
{
"roomName": "客厅",
"time": "18:30-20:30",
"value": "120"
},
{
"roomName": "卧室B",
"time": "20:30-24:00",
"value": "210"
}
]
},
"error": null
}
html:
<div id="main" style="