你的位置:首页 > 软件开发 > ASP.net > asp.net 柱形图

asp.net 柱形图

发布时间:2016-01-19 09:00:11
在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 (#换成@)。