teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

完成イメージを追加し、「やってみたこと」を追記しました。

2017/10/17 01:46

投稿

masahiro.o
masahiro.o

スコア16

title CHANGED
File without changes
body CHANGED
@@ -1,5 +1,5 @@
1
1
  ###前提・実現したいこと
2
- JavaScriptのライブラリでグラフを描画しているのですが、グラフの凡例がクライアントの要求を満たせず
2
+ JavaScriptのライブラリで折れ線グラフを描画しているのですが、グラフの凡例がクライアントの要求を満たせず
3
3
  自作(自分で描画)してグラフの下部に表示する事になりました。
4
4
 
5
5
  ネットで調べながら記述してみたのですが、私はHTML・CSSの知識が初心者レベルであり、既にデザイナの手を離れてしまっているシステムの改修であるため自分でデザイン部分を記述する必要があり、自信がありません。
@@ -8,6 +8,14 @@
8
8
 
9
9
  実際には全てJavaScriptで動的に生成します。
10
10
 
11
+ 完成イメージ的には以下のような感じです。
12
+ 線の数は可変で、色に意味があるので色も動的に変えたいです。
13
+ ![イメージ説明](3953a0fbaf623a42c25a855a0306f4f9.png)
14
+
15
+ ###やってみたこと
16
+ 以下にソースを貼りますが、「●」と「‐」を重なるように配置して凡例っぽく見せようとやってみました。
17
+ 線の数が可変で色も種類によって変わるので文字で再現しようと思いました。
18
+
11
19
  ###該当のソースコード
12
20
  - HTML
13
21
  ```