2012-06-05 131 views
0

我使用HighchartsHighcharts列颜色

我的问题是建立一些图表:

我的饼图属性“容量”已经是100%。我的div的高度和宽度分别为234和424px,但饼图实际上更小,并且两个属性的饼图都没有大于130px ...

是否有任何属性可以使用?

感谢

UPDATE:

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

更新2:

我列的图表代码:

//的彩条参数修改只是酒吧

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); 

    } 

最后更新的 '悬停'

伙计们,再次发现问题。 Aparently,Highcharts不接受“注入”或“推”到图形的颜色,是这一行:

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

所以,我只是改变了“系列”直接财产:

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

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

谢谢!

+0

你能张贴highchart声明她,所以我们可以帮助你更好? – Linger

+0

显示您的代码。 –

+0

好吧,刚刚更新 – user1438058

回答

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++; 
}); 
+0

是的,这正是问题所在。谢谢 ! – user1438058