Highcharts列颜色

时间:2012-06-05 18:24:50

标签: charts highcharts

我正在使用Highcharts构建一些图表

我的问题是:

饼图上的我的属性“大小”已经是100%。我的div的高度和宽度分别为234和424px,但是馅饼非常小,并且对于这两个属性都不会超过130px ......

我可以使用任何属性吗?

由于

更新:

好的家伙,找到了答案,我得到了一个较新版本的highcharts插件,唯一的问题是我的柱形图是黑色大声笑,任何想法?

更新2:

我的列图表代码是:

// colorBar参数仅修改条形图的“悬停”

function graficoBarraSimples_init(paramX, paramY, colorBar, container, title)
{
var options = 
{
    chart: {
        renderTo: container,
        defaultSeriesType: 'column'
    },
        title: {
        text: ''
    },
    subtitle: {
        text: ''
    },

    yAxis: {
        min: 0,
        title: {
            text: 'Unidade'
        },
        tickPixelInterval: 50
    },
    tooltip: {
        formatter: function() {
            return '' + this.x +': '+ this.y ;
        }
    },
    xAxis: [],
    series:[]     
}

var i = 0;
var items = paramY.split(',');
var itemX = paramX.split(',');

var series = {
    type: 'column',
    color:[],
    data: []
};
var xAxis = {
    categories: [],
    title: { text:title}
};

$.each(items, function(itemNo, item) {
    series.name = itemX[itemNo];
    series.data.push(parseFloat(item));
    series.color.push(CorValor(colorBar));          

    i++;
});

xAxis.categories=  itemX;
options.xAxis.push(xAxis);
options.series.push(series);
var chart = new Highcharts.Chart(options);

  } 

最终更新

伙计们,再次发现了这个问题。 显然,Highcharts不接受图形颜色的“注入”或“推动”,就像这一行:

series.color.push(CorValor(colorBar));

所以,我直接更改了'series'属性:

    var series = {
    type: 'column',
    color:CorValor(colorBar),
        data: []
};

排除了series.color.push(CorValor(colorBar));行。

谢谢!

1 个答案:

答案 0 :(得分:5)

正如你所说,最后一个问题是在下面的对象中,颜色必须是一个字符串:

var series = {
    type: 'column',
    color:[], // change to color:'',
    data: []
};

然后你必须设置而不是push:

$.each(items, function(itemNo, item) {
    series.name = itemX[itemNo];
    series.data.push(parseFloat(item));
    series.color = CorValor(colorBar);          

    i++;
});