{$layout}
{$template "/echarts"}

<div class="right-box">
    {$template "stat_menu"}

    {$ if eq .statIsOn false}
    <p class="ui message">
        {{t('index_要想查看统计数据，需要先开启统计功能，_0101')}}<a :href="'/servers/server/settings/stat?serverId=' + serverId">[{{t('index_点击这里_0101')}}]</a>{{t('index_修改配置。_0101')}}
    </p>
    {$else}
        <div class="config-section">
            <div class="section-title">{{t('index_操作系统排行_0101')}}<span class="small grey">（{{t('index_按月_0101')}}）</span></div>
            <div style="padding: 10px;">
                <div class="chart-box" id="system-chart"></div>
            </div>
        </div>
        <div class="config-section">
             <div class="section-title">{{t('index_浏览器排行_0101')}}<span class="small grey">（{{t('index_按月_0101')}}）</span></div>
             <div style="padding: 10px;">
                <div class="chart-box" id="browser-chart"></div>
            </div>
        </div>
    {$end}
</div>