下記の、javascriptでのチャートを生成するプログラムを使っているのですが、カスタマイズ方法が分かりません。

関数などを説明しているサイトはありませんか?(日本語が嬉しいです)

http://www.highcharts.com/
http://www.highcharts.com/demo/

ただ、サイトで無く、下記情報を知ってる方でもお答え頂けると幸いです。

・背景画像の変更の仕方
・左の数字と下の月の消し方
・線の色の変え方

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/10/10 14:36:09
  • 終了:2012/10/17 14:40:03

回答(2件)

id:Cherenkov No.1

Cherenkov回答回数1502ベストアンサー獲得回数4922012/10/10 15:30:02

ポイント100pt

plotBackgroundImageで画像を指定。

var chart = new Highcharts.Chart({
  chart: {
    renderTo: 'container',
    type: 'line',
    plotBackgroundImage: 'http://www.highcharts.com/demo/gfx/skies.jpg'
  },

もしくは

Highcharts.theme = {
   colors: ["#514F78", "#42A07B", "#9B5E4A", "#72727F", "#1F949A", "#82914E", "#86777F", "#42A07B"],
   chart: {
      className: 'skies',
      borderWidth: 0,
      plotShadow: true,
      plotBackgroundImage: '/demo/gfx/skies.jpg',


  • 左の数字と下の月の消し方

http://jsfiddle.net/L9hNw/
xAxisとyAxisに以下のようにlabels.enabledの値をfalseにすると消えます。

xAxis: {
	categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
				'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
	labels: {
		enabled: false
	}
},


  • 線の色の変え方

http://jsfiddle.net/L9hNw/1/

chart = new Highcharts.Chart({
	colors: [
		'pink','red','green','purple'
	], 


調べ方:
Highcharts API Reference
の左のカテゴリを適当に眺めればすぐ見つかりました。

id:Cherenkov

「背景画像の変更の仕方」を勘違いしていたので修正しました。

2012/10/11 03:59:00

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません