使用echarts 插件,选择月份改变图表数据
效果图:
默认显示
选择月份显示:
js部分代码
<body>
<div>
<div class="text-c">
<span class="select-box inline">
<select name="type_month" id="type_month" class="select" onchange="echartsdate()">
</select>
</span>
</div>
<div class="count">
<div id="main1" class="main1"></div>
</div>
</div>
<script type="text/javascript">
$(function(){
realSysTime();
echartsdate(0);//默认加载当前月
})
function realSysTime(){
var data =datayear();
$("#type_month").append("<option value=\"0\">"+data[0]+"</option>")
$("#type_month").append("<option value=\"1\">"+data[1]+"</option>")
$("#type_month").append("<option value=\&#