在vs中,如果要使用柱形图,我们大多数使用第三方提供的插件,所以必须要引用样式,这里我使用的是Highcharts-4.1.9插件,百度一下就可以下载到。关键的js代码: <script src="../Highcharts-4.1.9/js/jquery-1.8 ...
在vs中,如果要使用柱形图,我们大多数使用第三方提供的插件,所以必须要引用样式,这里我使用的是Highcharts-4.1.9插件,百度一下就可以下载到。
关键的js代码:
<script src='/images/loading.gif' data-original="../Highcharts-4.1.9/js/jquery-1.8.2.min.js"></script> <style type="text/css"> </style> <script type="text/javascript"> $(function () { $('#container').highcharts({ chart: { type: 'column' }, title: { text: '各科室出院人次统计' }, subtitle: { text: '柱形图' }, xAxis: { type: 'category', labels: { rotation: -45, style: { fontSize: '13px', fontFamily: 'Verdana, sans-serif' } } }, yAxis: { min: 0, title: { text: '出院人次' } }, legend: { enabled: false }, tooltip: { pointFormat: '{series.name}: <b>{point.y}</b><br/>' }, series: <%= returnValue %>, dataLabels: { enabled: true, rotation: 0, color: '#FFFFFF', align: 'center', format: '{point.y}', // one decimal y: 10, // 10 pixels down from the top style: { fontSize: '13px', fontFamily: 'Verdana, sans-serif' } } }] }); }); </script>
原标题:asp.net 柱形图
关键词:ASP.NET
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。