0

yaxis のフォーマッタ関数を IE 7 および 8 で動作させるのに問題があります。値が 0 より大きい場合に色を変更するために使用されます。他のブラウザや IE 9 でも問題なく動作します。

ツールチップの色を変更するためにフォーマッターを使用しましたが、これは IE で機能しますが、Y 軸の以下は機能しません。何か案は？

yAxis: {
labels: {
        formatter: function() {
    if(this.value > 0 ){
        return  '<span style="fill: #4572a7;font-weight:800;">' + '$' + this.value + '</span>';
    }
    else {
        return  '<span style="fill: red;font-weight:800;">' + '-$' + Math.abs(this.value) + '</span>'
    }
    }
    },
    alternateGridColor: '#F5F5F5',
    minorTickInterval: 'auto',
    lineWidth: 1,
    tickWidth: 1
},
4

2 に答える 2

0

これは、svg がサポートされておらず、fill CSS プロパティが svg スタイルであり、サポートされていないため、highcharts が IE7/8 で VML を使用しているためだと思います。塗りつぶしの代わりに色を使用してみてください。みんなで楽しく遊べるはずです。

于 2013-03-28T03:51:56.380 に答える
0

useHTML を true に設定し、fill を color css 宣言に置き換えることをお勧めします。

yAxis: {
        labels: {
            useHTML:true,
            formatter: function () {
                if (this.value > 0) {
                    return '<span style="color: #4572a7;font-weight:800;">' + '$' + this.value + '</span>';
                } else {
                    return '<span style="color: red;font-weight:800;">' + '-$' + Math.abs(this.value) + '</span>'
                }
            }
        },
        alternateGridColor: '#F5F5F5',
        minorTickInterval: 'auto',
        lineWidth: 1,
        tickWidth: 1
    },
于 2013-03-28T12:12:32.697 に答える