Highcharts 基本运用 主要讲生成图表和导出图片 以myReport 项目为例: • 先看一下 myReport 的结构 • • 其中 highcharts 文件夹包含 highchart\Highcharts-2.1.9\js 下所有文件； • 有了 highcharts 文件夹的引用生成图表就很简单了： • 新建一个 js 文件 report.js 以生成柱状图为例，代码如下： /* *报表处理 * *使用介绍： *引用(之间)： * *调用(之间)： *
* */ document.write(" <\/scri"+"pt>") ; document.write(" <\/scri"+"pt>"); document.write(" <\/scri"+"pt>"); //测试报表 function mkChar(){ chart = new Highcharts.Chart({ chart: { renderTo: 'reportDiv', defaultSeriesType: 'column' }, title: { text: '主标题' }, subtitle: { text: '副标题' }, xAxis: { categories: [ '一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月' ] }, yAxis: { min: 0, title: { text: 'y轴计量单位 ' } }, legend: {//图例标签 layout: 'vertical' , backgroundColor: '#FFFFFF' , align: 'left' , verticalAlign: 'top' , x: 100, //显示位置X偏移量 y: 70, floating: true,//相对（统计图）位置，false，浏览器绝对位置 shadow: true //是否开启图形显隐，点击图例可显示/隐藏柱体 }, tooltip: {//鼠标悬浮 formatter: function() { return ''+ this.x +': '+ this.y +'数量计量单位'; } }, //柱体设置 plotOptions: { column: { pointPadding: 0.2, borderWidth: 0 //柱体边框 } }, series: [{ name: '已售房', data: [ {'color' :'#F6BD0F' ,'y':11}, {'color' ...
