平时开发,需要将图表自适应显示。
$(window).resize(function(){
myCharts.resize();
})
代码中,myCharts:是我们要控制自适应显示的元素的id。
那么怎么定义这个id呢?
var myChart1 = echarts.init(document.getElementById('mainPIE1'));
其他的元素具体使用,还是参考echarts官网
title是标题
legend:图例组件 tooltip提示框组件。
series:数据
xAxis:横坐标轴
yAxis:纵坐标轴
dataZoom 组件 用于区域缩放,从而能自由关注细节的数据信息,或者概览数据整体,或者去除离群点的影响。
geo地理坐标系组件
使用之前先下载echarts:
链接:https://pan.baidu.com/s/1xF_Kk9OVitqdV2mApxLctA
提取码:aila
复制这段内容后打开百度网盘手机App,操作更方便哦