0

Highchartsを使用していくつかのチャートを作成しています

私の問題は:

円グラフの属性「サイズ」はすでに100%です。私のdivの高さと幅は234と424pxですが、パイは実際には小さく、両方の属性で130pxより大きくなることはありません...

使用できるプロパティはありますか?

ありがとう

アップデート:

OKみんな、答えを見つけました、私はhighchartsプラグインの新しいバージョンを手に入れました、唯一の問題は私の縦棒グラフが黒であるということですlol、何かアイデアはありますか?

更新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));行を除外しました。

ありがとう!

4

1 に答える 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++;
});
于 2012-06-06T17:25:34.423 に答える