0

私はこのチャートを持っています：

http://jsfiddle.net/ECAM9/1/

そして、それはうまくいきます。

ただし、印刷またはエクスポートすると、結果の画像または pdf ファイルが次のようになります。

http://jsfiddle.net/rFzTG/

つまり、すべてのポイントに情報が必要です。

私はこの答えを見ていました：

ハイチャートはエクスポート時に凡例を追加します

そして、私はこれを追加しようとしました:

exporting:{
            chartOptions:{
                scatter: {
                    dataLabels: {
                        enabled: true,
                        formatter: function() {
                            return this.series.name +'</b><br/>'+ this.x +': '+ this.y +'°C';
                        }
                    },
                }
            }
        },

しかし、繰り返しますが、私が印刷した jpg ファイルには情報がありません。

4

1 に答える 1

1

一方通行：

1) データラベルで「useHTML」を使用する

2) グラフ読み込みイベントで、データラベル要素を非表示にします

非表示にしたため、チャートはデータラベルなしで表示されますが、チャートはデータラベルで作成されているため、データラベル付きで印刷されます

http://jsfiddle.net/jlbriggs/Z7csw/

dataLabels: {
  enabled: true,
  useHTML:true,
  formatter: function() {
    return '<div class="datalabel">' +this.series.name +'</b><br/>'+
            this.x +': '+ this.y +'°C</div>';
  }
},

.

events:{
  load:function() {
    $('.datalabel').hide();
  }
}

編集: --> わかりました、以下のコメントに基づいて、ここで印刷で動作する簡単な例があります:

http://jsfiddle.net/jlbriggs/Z7csw/6/

完璧ではありませんが、うまくいきます...

于 2013-04-30T16:50:56.277 に答える