| var charts=[];$(document).ready(function(){var a=$("#explore-container .chart-list-panel");for(var t in CHART_TYPES)a.append('<div id="chart-type-'+t+'"><h3 class="chart-type-head">'+CHART_TYPES[t]+'</h3><div class="row" id="chart-row-'+t+'"></div></div>');for(var l=0,r=EXAMPLES.length;r>l;++l){var e=EXAMPLES[l].title||"未命名图表",i=(EXAMPLES[l].subtitle||"点击查看详情",$('<div class="col-lg-3 col-md-4 col-sm-6"></div>')),c=$('<div class="chart"></div>');$("#chart-row-"+EXAMPLES[l].type).append(i.append(c)),$link=$('<a class="chart-link" href="demo.html#'+EXAMPLES[l].id+'"></a>'),c.append($link),$link.append('<h4 class="chart-title">'+e+"</h4>"),$chartArea=$('<img class="chart-area" data-original="'+GALLERY_THUMB_PATH+EXAMPLES[l].id+'.png" />'),$link.append($chartArea)}window.addEventListener("hashchange",function(){scrollBy(0,-80);var a=location.hash.split("-");3===a.length&&($("#left-chart-nav li").removeClass("active"),$("#left-chart-nav-"+a[2]).parent("li").addClass("active"))}),$("#left-chart-nav li").first().addClass("active"),$(".chart-area").lazyload()}); |