首页 文章

Highcharts列颜色

提问于
浏览 次
0

我正在使用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);

  }

FINAL UPDATE

伙计们，再次发现了这个问题 . 显然，Highcharts不接受图形颜色的“注入”或“推动”，如下所示：

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

所以，我直接改变了'系列'属性：

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

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

谢谢！

charts highcharts

1 回答

  • 5

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

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

    然后你必须设置而不是推动：

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

    i++;
});
    回复于

相关问题