人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

下記の、javascriptでのチャートを生成するプログラムを使っているのですが、カスタマイズ方法が分かりません。
関数などを説明しているサイトはありませんか?(日本語が嬉しいです)

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

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

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

●質問者: makocan
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Cherenkov
●100ポイント

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
の左のカテゴリを適当に眺めればすぐ見つかりました。


Cherenkovさんのコメント
「背景画像の変更の仕方」を勘違いしていたので修正しました。

2 ● みかん
●100ポイント

http://www.highcharts.com/demo/line-basic/skies

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ