Highcharts的基本屬性和方法詳解-column:柱形圖plotOptions的部分修改屬性說明

 
plotOptions:
    {  
        column: //柱形圖
        {
            pointPadding: 0.2,
            borderWidth: 1,               //柱子邊框的大小
            borderColor: "red",           //柱子邊框的顏色
            borderRadius: 180,            //柱子兩端的圓角的半徑
            colorByPoint: true,           //否應該接受每系列的一種顏色或每點一種顏色
            groupPadding: 0,                //每一組柱子之間的間隔(會影響到柱子的大小)
            minPointLength: 0,            //最小數據值那一條柱子的長度(若是是0,可能看不到,能夠設置出來)
            pointPadding: 0.1,            //柱子之間的間隔(會影響到柱子的大小)
            pointWidth: 2,                //柱子的大小(會影響到柱子的大小)
            allowPointSelect: false, 
            animation: true,              //圖形出來時候的動畫
            color: 'red',                 //柱子的顏色
            connectNulls: false,          //鏈接圖表是否忽略零點(如線形圖,數據爲0是是否忽略)
            cursor: '',                   //遊標
            dashStyle: null,
            dataLabels: { //圖上是否顯示數據標籤
            enabled: true,
            align: "center",
            color: 'red',
            formatter: function() 
            {
                return this.y + 'mm'
            },
            rotation: 270,
            staggerLines: 0,
            step: ,
            style: ,
            x: 0,
            y: -6
            },
            //enableMouseTracking: 
            events: {    //事件
            click: function(event)
            {
                alert(this.name);
            },
            checkboxClick: ,
            hide: ,
            legendItemClick: ,
            mouseOver: ,
            mouseOut: ,
            show:
            },
            id: null,
            lineWidth: 20,
            marker: {  //圖例說明上的標誌
            enabled: false
            },
            point: {     //圖上的數據點(這個在線形圖可能就直觀)
            events: {
                click: function() 
                {
                alert(this.y);
                },
                mouseOver: ,
                mouseOut: ,
                remove: ,
                select: ,
                unselect: ,
                update:
                }
            },
            pointStart: 0,     //顯示圖數據點開始值
            pointInterval: 1,  //顯示圖數據點的間隔
            selected: false,
            shadow: true,
            showCheckbox: true,  //是否顯示(圖例說明的)複選框
            showInLegend: false, //是否顯示圖例說明
            stacking: 'percent', //是否堆積
            states: 
            {
                hover: 
                {
                   brightness: 0.1,
                   enabled: true,    //圖上的數據點標誌是否顯示
                   lineWidth: 2,    //沒看出效果
                 marker: 
                {
                                    states: ,
                                    enabled: true,         //數據點標誌是否顯示
                                    fillColor: null,       //數據點標誌填充的顏色
                                    lineColor: "#FFFFFF",  //數據點標誌線的顏色
                                    lineWidth: 0,          //數據點標誌線的大小
                                    radius: 45,            //數據點標誌半徑
                                    symbol: 'triangle'//'url(http://highcharts.com/demo/gfx/sun.png)' //數據點標誌形狀(triangle三角形,或者用圖片等等)
                                }
                            }
                     },
             stickyTracking: true,  //軌道粘性 (例如線圖,若是這個設置爲否認,那就必須點到數據點纔有反應)
             visible: true,         //設置爲false就不顯示圖
             zIndex: null           //層級
    },
    //該片斷來自於http://www.codesnippet.cn/detail/0206201512756.html
相關文章
相關標籤/搜索