2026年3月21日土曜日

HTML>横棒グラフをHTML形式で出力する

①横棒グラフに項目を入力して、HTML形式で得る。
②データをコピーして、ページに貼り付けるだけ。CSSはインラインのみなので、<table>部分のみで動作する
③貼り付けた後も、<table>,<tbody>のCSS変数を変えるだけで簡単に数値を修正できる。
④横軸の目盛りは、貼り付けた後は修正が難しい。
⑤縦軸の項目数など細かい修正は、貼り付けた後自分で行ってください。

発現週間(週)     発現数(例)
   
1  
2  
3  
4  
5  
6  
7  
8  
9  
10  
11  
12  
13  


---設定パネル---

グラフの幅を入力 px
背景の色
バーの太さを入力 em
バー要素幅を入力 em
棒の色
最大目盛りの変更
縦軸名の変更
横軸名の変更
 
軸名 縦軸名説明 棒の長さ 棒の数値
縦軸-1行目 %
縦軸-2行目 %
縦軸-3行目 %
縦軸-4行目 %
縦軸-5行目 %
縦軸-6行目 %
縦軸-7行目 %
縦軸-8行目 %
縦軸-9行目 %
縦軸-10行目 %
縦軸-11行目 %
縦軸-12行目 %
縦軸-13行目 %

0 件のコメント:

コメントを投稿