2026年3月18日水曜日

HTML>円グラフを作成してHTML形式でデータを得る

円グラフ作成エデッタ(copilotによる)
①円グラフを作成し、クリップボードにコピーしたデータを、目的のページに貼り付ける。
②ドーナッツの白丸がいらない時は、 radial-gradient(white 30%, transparent 31%),を削除してください。色を変えたい時は、whiteを別の単語にしてください。
③テキスト移動時、1回クリックしてからD&Dするとやりやすいです。
④円グラフ部分をダブルクリックするとグラフ変更のウインドウがでます。
⑤書き出されたテキストを選択・コピーしてご利用ください。
⑦テキストをダブルクリックするとテキスト修正できます。

テキスト1
テキスト2
テキスト3
テキスト4
テキスト5
テキスト6
テキスト7
テキスト8
テキスト9
テキスト10

HTML>縦棒グラフを作成してHTML方式でデータを得る

縦棒グラフ作成エディッタ(copilotでの作成)
①「この表のHTMLをコピーする」をクリックすると、クリップボードにコピーされるので、ページに貼り付けてください。
②<table>タグを利用して作成されます。
③背景色の変更などは、貼り付けたデータを直接修正してください。高さなど大幅の修正はできません。
④スタイルシートはインライン記述になってます。<table> 部分のみで表示できます。

発現例(例) 87
94
41
43
10
4
4
1
0
1
0
0
0
    4 8 12 16 20 24 28 32 36 40 44 48 48↑
    投与期間(週)
▼ グラフ基本設定
高さ(px): | 最大値: | 棒の色:
▼ 軸ラベルの設定
縦軸名: | 横軸名:
▼ データの入力(カンマ区切り)
各棒の数値:
横軸の項目:
※数値の数と項目の数を合わせてください