web-dev-qa-db-ja.com

GoogleスプレッドシートのグラフをSVGまたはEPSとして保存する方法は?

デフォルトでは、GoogleスプレッドシートではグラフをPNGとしてのみ保存できます。高品質の画像、またはエクスポート後に編集可能な画像が必要な場合、これは十分ではありません。

このクイックチュートリアル1 Chromeの開発ツールを使用してGoogleスプレッドシートからSVGを取得するためのガイダンスを提供します。

  1. グラフを含むGoogleスプレッドシートのページに移動します
  2. 開発者ツールを開く
  3. ページの左下にある拡大鏡アイコンをクリックして、[ページ内の要素を選択]
  4. グラフ領域をクリックします。
  5. ツリーを見て、svgの説明の始まりを見つけます(例:.
  6. SVG行を右クリックして、「HTMLとしてコピー」を選択します
  7. お気に入りのエディターに貼り付け、「MyChart.svg」として保存します

しかし、この半分は私のために働いた。凡例、軸、グラフラベルを抽出しましたが、グラフのコンテンツはすべて省略しました。ここで何か間違ったことをしましたか? Googleスプレッドシートのグラフを高品質の画像として抽出する別の方法はありますか?

4
samthebrand

Svgコードから「clip-path」プロパティを削除する必要があるようです。

たとえば、次を変更します。

 <g clip-path="url(https://docs.google.com/spreadsheets/d/12CllO5vsUKSajp-rl8dGZOUYB-zp75hjqSDu6N0dc4A/edit#_ABSTRACT_RENDERER_ID_1460)">

<g>

それは私のためにそれを作りました!

1
villelai