//用<script></script>加载jq失败
//当禁用<!--script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script-->,解决方法如下
//以及smarty展示数据用到数据库键值为变量情况
<!--script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script--> <div id="container" style="min-width:400px;height:400px"></div> {%script%} $(document).ready(function() { var title = { text: '接口性能' }; var xAxis = { categories: [] }; var yAxis = { title: { text: '比例' }, plotLines: [{ value: 0, width: 1, color: '#808080' }] }; var legend = { layout: 'vertical', align: 'right', verticalAlign: 'middle', borderWidth: 0 }; var series = [ { {%if $data.key=='total_num'%}name: '请求个数', {%elseif $data.key=='upstream_time_50_rate'%}name: '后端请求时间大于50ms的比例', {%elseif $data.key=='upstream_time_100_rate'%}name: '后端请求时间大于100ms的比例', {%elseif $data.key=='upstream_time_200_rate'%}name: '后端请求时间大于200ms的比例', {%elseif $data.key=='upstream_time_500_rate'%}name: '后端请求时间大于500ms的比例', {%elseif $data.key=='upstream_time_1000_rate'%}name: '后端请求时间大于1000ms的比例', {%elseif $data.key=='request_time_50_rate'%}name: '服务请求时间大于50ms的比例', {%elseif $data.key=='request_time_100_rate'%}name: '服务请求时间大于100ms的比例', {%elseif $data.key=='request_time_200_rate'%}name: '服务请求时间大于200ms的比例', {%elseif $data.key=='request_time_500_rate'%}name: '服务请求时间大于500ms的比例', {%elseif $data.key=='request_time_1000_rate'%}name: '服务请求时间大于1000ms的比例', {%elseif $data.key=='redirect_rate'%}name: '请求跳转的比例', {%elseif $data.key=='fail_rate'%}name: '请求失败的比例', {%elseif $data.key=='succ_rate'%}name: '请求成功的比例', {%elseif $data.key=='create_time'%}name: '创建时间', {%else%}name: '等待选择范围',{%/if%} data: [] } ]; {%foreach $data.view as $k => $v%} xAxis.categories[{%$k%}] = '{%$v.create_time|date_format:'%m-%d'%}'; {%if $data.key=='total_num'%}series[0].data[{%$k%}] = {%$v.total_num%}; {%elseif $data.key=='upstream_time_50_rate'%}series[0].data[{%$k%}] = {%$v.upstream_time_50_rate%}; {%elseif $data.key=='upstream_time_100_rate'%}series[0].data[{%$k%}] = {%$v.upstream_time_100_rate%}; {%elseif $data.key=='upstream_time_200_rate'%}series[0].data[{%$k%}] = {%$v.upstream_time_200_rate%}; {%elseif $data.key=='upstream_time_500_rate'%}series[0].data[{%$k%}] = {%$v.upstream_time_500_rate%}; {%elseif $data.key=='upstream_time_1000_rate'%}series[0].data[{%$k%}] = {%$v.upstream_time_1000_rate%}; {%elseif $data.key=='request_time_50_rate'%}series[0].data[{%$k%}] = {%$v.request_time_50_rate%}; {%elseif $data.key=='request_time_100_rate'%}series[0].data[{%$k%}] = {%$v.request_time_50_rate%}; {%elseif $data.key=='request_time_200_rate'%}series[0].data[{%$k%}] = {%$v.request_time_50_rate%}; {%elseif $data.key=='request_time_500_rate'%}series[0].data[{%$k%}] = {%$v.request_time_50_rate%}; {%elseif $data.key=='request_time_1000_rate'%}series[0].data[{%$k%}] = {%$v.request_time_50_rate%}; {%elseif $data.key=='redirect_rate'%}series[0].data[{%$k%}] = {%$v.redirect_rate%}; {%elseif $data.key=='fail_rate'%}series[0].data[{%$k%}] = {%$v.fail_rate%}; {%elseif $data.key=='succ_rate'%}series[0].data[{%$k%}] = {%$v.succ_rate%}; {%elseif $data.key=='create_time'%}series[0].data[{%$k%}] = {%$v.create_time%}; {%else%}series[0].data[{%$k%}] = 0;{%/if%} {%/foreach%} var json = {}; json.title = title; json.xAxis = xAxis; json.yAxis = yAxis; json.legend = legend; json.series = series; $('#container').highcharts(json); }); {%/script%}