Contents

<div class="row">
  <div class="col-md-12">
    <!-- BEGIN EXAMPLE TABLE PORTLET-->
    <div class="portlet light bordered">
      <div class="portlet-title">
        <div class="caption">
          <i class="icon-bar-chart font-green-haze"></i>
          <span class="caption-subject bold uppercase font-green-haze"> 统计分析</span>
        </div>
        <div class="tools">
          <a href="javascript:;" class="collapse">
          </a>
        </div>
      </div>
      <div class="portlet-body">
        <div class="row">
          <div class="col-md-12">
            <div id="main" style="height: 400px;"></div>
          </div>
        </div>
      </div>
    </div>
    <!-- END EXAMPLE TABLE PORTLET-->
  </div>
</div>
<script type="application/javascript" src="/echarts3/echarts.min.js"></script>
<script type="text/javascript">
  var myChart = echarts.init(document.getElementById('main'));
  var option = {
    tooltip : {
      trigger: 'axis',
      axisPointer : {            // 坐标轴指示器，坐标轴触发有效
        type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
      }
    },
    toolbox: {
      show : true,
      feature : {
        mark : {show: true},
        dataView : {show: true, readOnly: false},
        magicType: {show: true, type: ['line', 'bar']},
        restore : {show: true},
        saveAsImage : {show: true}
      }
    },
    calculable : true,
    legend: {
      data: <%= raw @series_names %>
    },
    grid: {
      left: '3%',
      right: '4%',
      bottom: '3%',
      containLabel: true
    },
    xAxis: [
      {
        type : 'category',
        data : <%= raw @category_names %>
      }
    ],
    yAxis: [
      {
        type : 'value'
      }
    ],
    series : <%= raw @series %>
  }

  myChart.setOption(option);

  function eConsole(param) {
    console.log(param);
  }

  myChart.on("click", eConsole);
</script>

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
admin-sys-1.1.0	plugins/report/app/views/templates/echarts3/two.html.erb