zoukankan      html  css  js  c++  java
  • 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
  • 相关阅读:
    object引入出现滚动条问题
    java
    读大道至简有感
    读大道至简第二章有感
    加和程序的流程图及代码
    Unity编程标准导引Unity中的基本概念2.1界面概览
    Unity编程标准导引2.2Unity中的基本概念
    Unity编程标准导引3.1 Component 组件脚本及其基本生命周期
    Unity编程标准导引3.2 MonoBehavior 组件父类重构
    Unity编程标准导引1.1下载和安装Unity
  • 原文地址:https://www.cnblogs.com/zqt14520/p/6113090.html
Copyright © 2011-2022 走看看