使用vue+echarts显示天气预报最高温度案例

天气预报接口：http://wthrcdn.etouch.cn/weather_mini?city=聊城
{“data”:{“yesterday”:{“date”:“4日星期四”,“high”:“高温 20℃”,“fx”:“南风”,“low”:“低温 12℃”,“fl”:"",“type”:“霾”},“city”:“聊城”,“forecast”:[{“date”:“5日星期五”,“high”:“高温 20℃”,“fengli”:"",“low”:“低温 6℃”,“fengxiang”:“东南风”,“type”:“霾”},{“date”:“6日星期六”,“high”:“高温 18℃”,“fengli”:"",“low”:“低温 2℃”,“fengxiang”:“南风”,“type”:“中雨”},{“date”:“7日星期天”,“high”:“高温 5℃”,“fengli”:"",“low”:“低温 0℃”,“fengxiang”:“北风”,“type”:“小雪”},{“date”:“8日星期一”,“high”:“高温 11℃”,“fengli”:"",“low”:“低温 0℃”,“fengxiang”:“西风”,“type”:“晴”},{“date”:“9日星期二”,“high”:“高温 12℃”,“fengli”:"",“low”:“低温 1℃”,“fengxiang”:“西北风”,“type”:“晴”}],“ganmao”:“感冒易发期，外出请适当调整衣物，注意补充水分。”,“wendu”:“20”},“status”:1000,“desc”:“OK”}

使用vue+echars显示未来5天最高温度

    
    
    
    
    
    
    


    

        
echart前后端交互使用