2

http://jsfiddle.net/gabrielesandoval/efHq7/

Y 軸と最初の点の間のギャップを埋める方法はありますか。チャートの最初のポイントは「25 年」である必要があり、0 から 25 までの領域も埋めたいと思います。ツールチップがそのポイントで機能しない場合でも、0 と最初のポイントの間の値を視覚的に示したいと思います。

ax 値がゼロのポイントを追加しようとしましたが、うまくいきませんでした。2 つの軸と面積の間にギャップがない唯一の面グラフは、グラフが反転している例です。これを行う適切な方法はありますか？

ここに画像の説明を入力

現在のコード:

        $(function () {
    $('#container').highcharts({
    chart: {
        type: 'areaspline'
    },
    title: {
        text: 'Monthly Comparison'
    },
    subtitle: {
        text: '1 vs 2'
    },
    xAxis: {
         min: 0,
        categories: [0, '25 years', '30 years', '35 years', '40 years', '45 years']
    },
    yAxis: {
        labels: {
            formatter: function() {
            return '$' + this.value;
            }
        },
        min: 0,
        title: {
            text: 'Cost'
        }
    },
    tooltip: {
        shared: true,
        valuePrefix: '$'
    },
    credits: {
        enabled: false
    },
    legend: {
        enabled: false
    },
    plotOptions: {
        area: {
            lineWidth: 1,
            marker: {
            enabled: false
            },
            shadow: false,
            states: {
            hover: {
                lineWidth: 1
            }
            }
        }
    },
    series: [{
        type: 'area',
        name: 'series1',
        data: [['',60],['25 years',60], ['30 years',60], ['35 years',60], ['40 years',60], ['45 years',60]]
        }, {
        type: 'area',
        name: 'series2',
        data: [['',90], ['25 years',100], ['30 years',175], ['35 years',300], ['40 years',400], ['45 years',400]]
    }]
    });
});
4

1 に答える 1

0

minPadding/maxPadding を 0 に設定する必要がありますが、これらのパラメーターはカテゴリでは機能しません。したがって、カテゴリの代わりに数値 xAxis を使用する必要があります。

于 2013-05-21T08:43:44.123 に答える