2012-06-05 189 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