0

ハイチャートを作成しましたが、YouTube と同様の投票スタイルにしたいと考えています。ポジティブ対ネガティブ。私の問題は、バーをグラフの全幅にとどめることです。パーセンテージでこれを修正できることはわかっていますが、整数が必要です。

http://jsfiddle.net/u6H3b/

$(function () {
        $('#container').highcharts({
            chart: {
                type: 'bar',
              marginLeft:0             

            },
            title: {
                  text: 'votes'
                  },
              credits: {
            enabled: false
        },


            xAxis: {
                categories: ['Apples'],
                title: {

                    enabled: false 



                }
            },
                         exporting: {
            enabled: false
        },
            yAxis: {
                min: 0,
                max:23,
                title: {
                      enabled: false },
               gridLineColor: '#fff',
               lineColor: '#fff'
            },
            legend: {
                backgroundColor: '#FFFFFF',
                reversed: true
            },
            plotOptions: {
                series: {
                    stacking: 'normal'
                }
            },
                series: [{
                name: 'Yes',
                data: [20]
            },{
                name: 'No',
                data: [3]
            }]
        });
    });
4

2 に答える 2

1

1 つのオプションは、'endOnTick' を使用することです。

yAxis: {
            endOnTick: false,

http://jsfiddle.net/f3eFd/

終了ティック (23) を表示したい場合は、以下を追加することもできます。

tickInterval:23,

http://jsfiddle.net/bLDpg/

本当に凝りたい場合は、必要な各ティックを定義できます。次のコードでは、0、3、および 23 の目盛りを出力します。

 tickPositioner: function () {
            var positions = [0, 3, 23];
            return positions;
        },

http://jsfiddle.net/aSHz3/

于 2013-06-12T11:14:54.700 に答える
0

endOnTick: false設定する必要があるのはandだけだと思います。 http://jsfiddle.net/u6H3b/1/maxPadding: 0を参照してください。

唯一の問題は、最後のティックが表示されないことです。これが問題である場合は、tickPositionerSteveP の提案に従って使用してください。

于 2013-06-12T11:24:14.357 に答える