質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Jupyter

Jupyter (旧IPython notebook)は、Notebook形式でドキュメント作成し、プログラムの記述・実行、その実行結果を記録するツールです。メモの作成や保存、共有、確認などもブラウザ上で行うことができます。

Highcharts

HighchartはHTML、SVG、VMLを使ったJavascriptの描写用ライブラリです。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

pandas

Pandasは、PythonでRにおけるデータフレームに似た型を持たせることができるライブラリです。 行列計算の負担が大幅に軽減されるため、Rで行っていた集計作業をPythonでも比較的簡単に行えます。 データ構造を変更したりデータ分析したりするときにも便利です。

Q&A

0回答

2320閲覧

pandas_highchartsでグラフを表示させたい

ktti313

総合スコア4

Jupyter

Jupyter (旧IPython notebook)は、Notebook形式でドキュメント作成し、プログラムの記述・実行、その実行結果を記録するツールです。メモの作成や保存、共有、確認などもブラウザ上で行うことができます。

Highcharts

HighchartはHTML、SVG、VMLを使ったJavascriptの描写用ライブラリです。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

pandas

Pandasは、PythonでRにおけるデータフレームに似た型を持たせることができるライブラリです。 行列計算の負担が大幅に軽減されるため、Rで行っていた集計作業をPythonでも比較的簡単に行えます。 データ構造を変更したりデータ分析したりするときにも便利です。

0グッド

0クリップ

投稿2019/09/28 04:26

前提・実現したいこと

pandas_highchartsでグラフを表示させたいと思っています。
そこで、下記のサイトに記載されている内容を
jupyter notebook を使い記載しました。

https://nbviewer.jupyter.org/github/gtnx/pandas-highcharts/blob/master/example.ipynb

発生している問題・エラーメッセージ

コード自体はエラーも無く実行されるのですが、
グラフが表示されず、困っています。

該当のソースコード

in[1]:
%load_ext autoreload
%autoreload 2

import pandas as pd
import datetime
import os
import numpy as np
from pandas.compat import StringIO
from pandas.io.common import urlopen
from IPython.display import display, display_pretty, Javascript, HTML
from pandas_highcharts.core import serialize
from pandas_highcharts.display import display_charts
import matplotlib.pyplot as plt

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\n2014-12-31,0.896\n2013-12-31,1.601\n2012-12-31,2.13\n2011-12-31,2.498\n2010-12-31,1.158\n2009-12-31,0.226\n2008-12-31,2.738\n2007-12-31,2.285\n2006-12-31,1.784\n2005-12-31,1.92\n2004-12-31,1.799\n2003-12-31,1.022\n2002-12-31,1.346\n2001-12-31,1.904\n2000-12-31,1.418\n1999-12-31,0.626\n1998-12-31,0.593\n1997-12-31,1.542\n1996-12-31,1.19\n1995-12-31,1.733\n1994-12-31,2.717\n1993-12-31,4.476\n1992-12-31,5.046\n1991-12-31,3.474\n1990-12-31,2.687\n1989-12-31,2.778\n1988-12-31,1.274\n1987-12-31,0.242\n1986-12-31,-0.125\n1985-12-31,2.084\n1984-12-31,2.396\n1983-12-31,3.284\n1982-12-31,5.256\n1981-12-31,6.324\n1980-12-31,5.447\n"""
df = pd.read_csv(StringIO(data), index_col=0, parse_dates=True)
df = df.sort_index()

In[2]:
display_charts(df, title="Germany inflation rate")

試したこと

jupyter notebookでグラフ表示自体できなくなっているのでは?と思い、
matplotlib を用いて

In[3]
df.plot()

と記載したところ、グラフが表示されたので、
display_chartsの場合のみ、グラフが表示できないようです。
pythonは始めたばかりの初心者のため、どなたか詳しい方から
ご教授頂けると幸いです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

meg_

2019/09/28 05:39

リンクは「リンクの挿入」で、コードは「コードの挿入」で記入してください。
ktti313

2019/09/28 11:29

meg_様 初めての投稿で、勝手がよくわかっておりませんでした。ご指摘ありがとうございます。後、質問に対しての回答もお願いしてもよろしいでしょうか?
ktti313

2019/09/28 11:31

siruku6 様 はい。そちらのサイトも拝見しておりました。色々なサイトを見たのですが、pandas_highchartsについて、グラフが出力されないことへの対策は見つけられませんでした。 (ちなみに、今回ご教授頂きたいのは、pandas_highchartsになります。 highchartsとpython-highchartsも勉強したいのですが、まずは、pandas_highchartsに対して、ご回答いただけると幸いです)
meg_

2019/09/28 12:20

pyファイルにしてターミナルから実行した場合は、グラフは表示されますか?
ktti313

2019/09/29 13:39

いいえ。 PYファイルで、 from pandas_highcharts.display import display_charts を起動しようとしても、 AttributeError: 'NoneType' object has no attribute 'config' というエラーが出ます。 これは、 <https://ja.stackoverflow.com/questions/33200/pandas-highchart%E3%81%8C%E5%AE%9F%E8%A1%8C%E3%81%A7%E3%81%8D%E3%81%BE%E3%81%9B%E3%82%93> でも、回答が出ているように、display_chartsはJupyter notebook上で起動するためのようです。よって、pyファイルではこのままでは起動できないため、グラフ出力ができません。
meg_

2019/10/01 11:09

当方の環境(Windows8)でリンク先のコードを試してみましたが、下記メッセージが出てグラフは表示できませんでした。 「Javascript error adding output! ReferenceError: 'Highcharts' は定義されていません。 See your browser Javascript console for more details.」
ktti313

2019/10/06 08:40

meg_様 ご調査ありがとうございました。
ktti313

2019/10/06 08:41

siruku6 様 ご助言ありがとうございます。 highchartのほうが一般的ですので、無理に新しいものを使わず、こちらに切り替えていきたいと思います。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問