Sha256: 09dec5cb37541f97f2c86add2762e47cdeb4f2da13f01eb9cfeec14c723880d5
Contents?: true
Size: 1.88 KB
Versions: 3
Compression:
Stored size: 1.88 KB
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
3 entries across 3 versions & 1 rubygems