デフォルトでは、GoogleスプレッドシートではグラフをPNGとしてのみ保存できます。高品質の画像、またはエクスポート後に編集可能な画像が必要な場合、これは十分ではありません。
このクイックチュートリアル1 Chromeの開発ツールを使用してGoogleスプレッドシートからSVGを取得するためのガイダンスを提供します。
- グラフを含むGoogleスプレッドシートのページに移動します
- 開発者ツールを開く
- ページの左下にある拡大鏡アイコンをクリックして、[ページ内の要素を選択]
- グラフ領域をクリックします。
- ツリーを見て、svgの説明の始まりを見つけます(例:.
- SVG行を右クリックして、「HTMLとしてコピー」を選択します
- お気に入りのエディターに貼り付け、「MyChart.svg」として保存します
しかし、この半分は私のために働いた。凡例、軸、グラフラベルを抽出しましたが、グラフのコンテンツはすべて省略しました。ここで何か間違ったことをしましたか? Googleスプレッドシートのグラフを高品質の画像として抽出する別の方法はありますか?
Svgコードから「clip-path」プロパティを削除する必要があるようです。
たとえば、次を変更します。
<g clip-path="url(https://docs.google.com/spreadsheets/d/12CllO5vsUKSajp-rl8dGZOUYB-zp75hjqSDu6N0dc4A/edit#_ABSTRACT_RENDERER_ID_1460)">
に
<g>
それは私のためにそれを作りました!