当前位置:编程学习 > JAVA >>

Highcharts翻译系列之二十二:柱状图例子

Highcharts翻译系列之二十二:柱状图例子
代码:

[html]
<!DOCTYPE HTML> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Highcharts Example</title> 
    <script type="text/javascript" src="Lib/Scripts/jquery-1.7.2.min.js"></script> 
    <script type="text/javascript"> 
        $(function () { 
            var chart; 
            $(document).ready(function () { 
                chart = new Highcharts.Chart({ 
                    chart: { 
                        renderTo: 'container', 
                        type: 'column', 
                        margin: [35, 10, 40, 50], 
                        plotBorderWidth: 1, 
                        plotBorderColor: '#625f5f', 
                        animation: false, 
                        style: 
                        { 
                            fontFamily: 'Microsoft YaHei', 
                            fontSize: '12px', 
                            color: '#262626' 
                        } 
                    }, 
                    colors: [ 
 
                           '#7bd5f3', 
                           '#fbe659', 
                             "#fca108", 
 
                            ], 
                    title: { 
                        text: '柱状图', 
                        x: 60, 
                        y: 9, 
                        style: { 
                            // display: 'none', 
                            fontFamily: 'Microsoft YaHei', 
                            fontSize: '20px', 
                            fontWeight: 'Bold', 
                            color: '#262626' 
                        } 
                    }, 
                    subtitle: { 
                        style: { 
                            display: 'none' 
                        } 
                    }, 
                    xAxis: { 
                        //lineWidth: 1, 
                        // lineColor: '#625f5f', 
                        labels: 
                        { 
  

补充:web前端 , JavaScript ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,