highcharts下载上下文菜单大小

时间:2014-07-30 11:30:37

标签: highcharts

我正在使用highcharts& highstock最新版本并且从第1天起就一直在努力获得下载上下文菜单宽度大小......似乎没有办法控制上下文的菜单宽度,我不确定我做错了什么..请看下面的图片。

Example

任何帮助将不胜感激。

<div id='CurrentDemand' style='width:1124px; height:400px;'></div>


function Chart_CurrentDemand_Bar(DIVID, TITLE, CATEGORIES, yAxisLabel, Tooltip, SERIES1LABEL, SERIES1VALUES ) {
    var Param_CATEGORIESS = JSON.stringify(CATEGORIES);
    var Param_SERIES1VALUES = JSON.stringify(SERIES1VALUES);

    var data_CATEGORIESS = JSON.parse(Param_CATEGORIESS);
    var data_SERIES1VALUES = JSON.parse(Param_SERIES1VALUES);

    $("#" + DIVID).highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: TITLE
        },
        xAxis: {
            categories: data_CATEGORIESS,
            tickInterval: .5,
            tickmarkPlacement: 'on',
            gridLineWidth: .5
        },
        yAxis: {
            min: 0,
            title: {
                text: yAxisLabel
            }
        },
        tooltip: {
            headerFormat: '<span style="font-size:20px">{point.key}</span><table width=150px>',
            pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                '<td style="padding:0"><b>{point.y:1f} </b></td></tr>',
            footerFormat: '</table>',
            shared: true,
            useHTML: true,
            animation:true
        },
        plotOptions: {
            column: {
                pointPadding: 0.2,
                borderWidth: 0
            }
        },
        series: [{
            name: SERIES1LABEL,
            data: data_SERIES1VALUES
        }],
        navigation: {
            buttonOptions: {
                verticalAlign: 'bottom',
                y: -20,
                height: 30,
                theme: {
                    'stroke-width': 1,
                    stroke: 'silver',
                    r: 0,
                    states: {
                        hover: {
                            fill: '#bada55'
                        },
                        select: {
                            stroke: '#039',
                            fill: '#bada55'
                        }
                    }
                }
            }
        }
   });
}

0 个答案:

没有答案
相关问题