feat: 数据方向(行=系列)+每系列类型/双轴 + 多图大标题/共享图例 v1.16.0
- 图表模式新增'数据方向':列=系列(默认)/行=系列(第一行是横坐标,每行一个系列),每行可独立设柱状/折线 + 左右轴量度 - 后端 buildChartOption/GET /api/chart 支持 rowsAsSeries + seriesAxis(按系列下标指定左右轴) - 多图合并每张小图新增:行=系列、双Y轴(左右量度不同)、每系列独立图表类型与坐标轴配置 - 多图合并新增图片大标题(bigTitle),居中显示在顶部 - 多图合并新增图例方式(legendMode):own 各自图例(默认)/shared-top 共用图例顶部/shared-bottom 共用图例底部,共用时各子图隐藏自己的图例、系列合并去重、超宽自动换行 - /api/combine 后端同步支持 bigTitle/legendMode(含深色主题文字适配) - 收藏功能完整支持新字段(combine 大标题/图例方式/每系列配置,chart 数据方向),编辑恢复正常 - 文档/API.md/README 更新,版本 1.16.0
This commit is contained in:
+24
@@ -66,6 +66,15 @@ C, 20, 30, 40</pre>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="config-group">
|
||||
<label>数据方向</label>
|
||||
<select id="dataOrientation" onchange="onDataOrientationChange()">
|
||||
<option value="columns">列=系列(第一列是横坐标,每列一个系列)</option>
|
||||
<option value="rows">行=系列(第一行是横坐标,每行一个系列)</option>
|
||||
</select>
|
||||
<p class="hint-text">「行=系列」示例:<br>指标, 2023, 2024, 2025<br>营收(元), 1200, 1800, 2100<br>销量(个), 100, 150, 130<br>—— 每行可单独设柱状/折线 + 左右轴</p>
|
||||
</div>
|
||||
|
||||
<div class="config-group">
|
||||
<label>标题</label>
|
||||
<input type="text" id="chartTitle" placeholder="图表标题" oninput="updateChart()">
|
||||
@@ -284,6 +293,21 @@ C, 20, 30, 40</pre>
|
||||
<div class="panel-section" id="combineConfigSection" style="display:none;">
|
||||
<h2>🖼️ 多图合并配置</h2>
|
||||
|
||||
<div class="config-group">
|
||||
<label>图片大标题(可选)</label>
|
||||
<input type="text" id="combineBigTitle" placeholder="整张大图的大标题,留空则不显示" oninput="generateCombine()">
|
||||
</div>
|
||||
|
||||
<div class="config-group">
|
||||
<label>图例方式</label>
|
||||
<select id="combineLegendMode" onchange="generateCombine()">
|
||||
<option value="own">每个小图各自图例</option>
|
||||
<option value="shared-top">共用一套图例(顶部)</option>
|
||||
<option value="shared-bottom">共用一套图例(底部)</option>
|
||||
</select>
|
||||
<p class="hint-text">共用图例时:所有小图的系列合并去重,放在整张图片顶部/底部,各小图隐藏自己的图例;同名系列只显示一次</p>
|
||||
</div>
|
||||
|
||||
<div class="config-group">
|
||||
<label>排列方式</label>
|
||||
<div class="combine-direction">
|
||||
|
||||
Reference in New Issue
Block a user