| var charts=[];$(document).ready(function(){var a,t=$("#explore-container .chart-list-panel");for(a in CHART_TYPES)t.append('<div id="chart-type-'+a+'"><h3 class="chart-type-head">'+CHART_TYPES[a]+'</h3><div class="row" id="chart-row-'+a+'"></div></div>');for(var l=0,e=EXAMPLES.length;l<e;++l){var r=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">'+r+"</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()}); |