質問編集履歴
1
完成イメージを追加し、「やってみたこと」を追記しました。
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
|
+

|
14
|
+
|
15
|
+
###やってみたこと
|
16
|
+
以下にソースを貼りますが、「●」と「‐」を重なるように配置して凡例っぽく見せようとやってみました。
|
17
|
+
線の数が可変で色も種類によって変わるので文字で再現しようと思いました。
|
18
|
+
|
11
19
|
###該当のソースコード
|
12
20
|
- HTML
|
13
21
|
```
|