from pandas_highcharts.display import display_charts
でエラーが出ていますが、これはJupyter Notebookでチャートを表示するためのモジュールです1。これを使って表示するためにはJupyter Notebook上で実行する必要があります。
1 pandas_highcharts.display
モジュールのコメントがヒントになります。
それに加え、pandas-highchartsにはHighchartのJSライブラリに渡すためのJSONを出力してくれる関数pandas_highcharts.serialize()
もあります(パッケージの名前上、こちらがメインでしょうか)。JavaScriptでレンダリングするのが意図した用途であれば、この関数を使うためにimport pandas_highcharts
するだけにとどめ、from pandas_highcharts.display import display_charts
の行は削除して大丈夫です。
Jupyterで表示する
Jupyterをインストールし
pip3 install jupyter
起動:
jupyter notebook
するとブラウザが開くので、右上のNewをクリックしてPython 3を選び、コードを入力:
import pandas as pd
from pandas.compat import StringIO
from pandas_highcharts.display import display_charts
# Data retrieved from http://www.quandl.com/api/v1/datasets/ODA/DEU_PCPIPCH.csv?column=1
data = """Date,Value\n2019-12-31,1.7\n2018-12-31,1.7\n2017-12-31,1.7\n2016-12-31,1.5\n2015-12-31,1.247"""
df = pd.read_csv(StringIO(data), index_col=0, parse_dates=True)
df = df.sort_index()
display_charts(df, title="Germany inflation rate")
>|
みたいなボタンを押すとチャートが表示されるはずです。
(pandas-highchartsのサンプルノートブックから拝借したコードです。他にもいろいろなグラフの種類の例があります)
Highchartライブラリで表示する
ウェブページを表示するための何らかのコードとHighchartライブラリをHTMLビュー側で利用できるようにセットアップして、
import pandas as pd
from pandas.compat import StringIO
import pandas_highcharts
# HTMLビューを返すコード内
data = """Date,Value\n2019-12-31,1.7\n2018-12-31,1.7\n2017-12-31,1.7\n2016-12-31,1.5\n2015-12-31,1.247"""
df = pd.read_csv(StringIO(data), index_col=0, parse_dates=True)
df = df.sort_index()
chart = pandas_highcharts.serialize(df, render_to='my-chart', output_type='json')
# どうやってビュー側に渡すかは利用しているウェブフレームワークに依存します。
# 以下のコードはただの例:
return render_template('chart', chart_json=chart)
HTMLビュー側:
<div id="my-chart"></div>
<script type="text/javascript">
new Highcharts.Chart({{chart_json|safe}});
</script>
(READMEのサンプルを参考にしました)