☰

PGFplot を HTML に変換しますか?

tag-icon • tag-icon pgfplots tex4ht html
PGFplot を HTML に変換しますか?

基本的にテキストとその間に中央揃えのグラフがいくつかある単純な LaTeX コードを変換したいと思います。これは HTML に変換したいコードのダミー バージョンです。

\documentclass{article}
\usepackage{lmodern}
\usepackage{pgfplots}
\usepackage{lipsum}
\pgfplotsset{compat=1.9}

\begin{document}
\lipsum
\begin{center}
    \begin{tikzpicture}
        \begin{axis}[
            ybar stacked,
            ymin=0, ymax=35,
            width=9cm,
            height=6cm,
            symbolic x coords={Zimbabwe, France, Italy, Kenya, Germany},
            xtick=data,
            bar width=15pt,
            axis lines*=left,
            ytick={0,5,...,35},
            xticklabel style={
                text height=1.5ex,font=\footnotesize
            },
            yticklabel style={
                font=\footnotesize
            },
            ymajorgrids,
            xlabel={ ... ... ... ... ... , 2004-2009},
            xlabel style={yshift=5.8cm,xshift=.9cm},
            ]
            \addplot[fill=gray!50] coordinates {
                (Zimbabwe,16)
                (France,30)
                (Italy,10)
                (Kenya,5)
                (Germany,20)
            };
        \end{axis}
    \end{tikzpicture}
\end{center}
\end{document}

latex4ht以前使っていた を試してみましたが、PGFplot コードでは動作しないようです。

私の質問は、PGFplotグラフをHTMLに変換するにはどうすればよいかということです。ご協力ありがとうございます

答え1

tikzとを使用して HTML および SVG グラフィックを取得する方法はたくさんありますtex4ht。私の意見では、tikz externalizationライブラリを使用して変換を行うのが最善の方法です。このライブラリを使用すると、pdfすべての画像に対してスタンドアロン イメージが作成されtikz、外部コマンドを使用してこのpdfイメージを に変換できます。私はこの作業svgで大きな成功を収めましたが、他のアプリケーションでは問題がいくつか見つかり、結果が正しくありませんでした。そのため、これを機能させるにはをインストールする必要があります。inkscapeimagemagickinkscape

まず、設定するパッケージを作成しますexternalization。myexternalize.sty

\usetikzlibrary{external}
\tikzset{
    tex4ht inc/.style={
        /pgf/images/include external/.code={%
            \includegraphics[]{##1.svg}%
        }

    }
}

\tikzset{
 external/system call/.add={}                                                
      {; inkscape -z -f "\image.pdf" -l "\image.svg"
            }    
}
\@ifpackageloaded{tex4ht}{
    \tikzexternalize[mode=only graphics]
    \tikzset{tex4ht inc}
}{
    \tikzexternalize
}

このパッケージは、で使用される新しいtikzスタイルを作成します。 を使用すると、ファイルがエクスポートされ、コマンドライン モードで が呼び出され、このイメージが に変換されます。tex4ht inctex4htpdflatexpdfinscapepdfsvg

ここで、画像ファイルtex4htを含めるために、の設定が必要です:svgmyexternalize.4ht

\Configure{graphics*}  
         {svg}{  
          {\Configure{Needs}{File: \[email protected]}\Needs{}}
          \Picture[\csname a:GraphicsAlt\endcsname]{\csname Gin@base\endcsname.svg \csname a:Gin-dim\endcsname}%  
         }

myexternalizeこれで、ドキュメントにパッケージを含めることができます。

\documentclass{article}
\usepackage{lmodern}
\usepackage{pgfplots}
\usepackage{lipsum}
\pgfplotsset{compat=1.9}
\usepackage{myexternalize}
....

そして、文書をコンパイルします

pdflatex -shell-escape documentname

ファイルを取得しますsvg。-shell-escapeオプションは重要です。そうしないと変換が機能しません。これで、ファイルを HTML にコンパイルできます。

htlatex documentname

結果を見ることができますここ

関連情報