hz4th_coder/data-chart-tool
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 数据标签颜色默认同系列+可自定义；Y轴最小/最大值手动指定 v1.20.0

Browse Source 
- 数据标签颜色：默认自动取系列颜色(柱状/折线色)，也可选自定义颜色手动指定
- Y轴范围：默认自动计算，可手动指定最小/最大值；双Y轴时左/右轴可分别指定
- 主图 + 多图合并 + 服务端API 三处统一；收藏保存/恢复含两项设置
- API 新增参数 labelColorMode/labelColor, yAxisMin/yAxisMax, leftAxisMin/Max, rightAxisMin/Max
This commit is contained in:
hz4th_coder
2026-08-23 18:15:21 +08:00
parent 864c43ab99
commit 01c0536986
4 changed files with 185 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+34
View File
@@ -155,6 +155,40 @@ C, 20, 30, 40</pre>
</div>
</div>
<div class="config-group" id="labelColorGroup" style="display:none;">
<label>数据标签颜色（默认同系列颜色）</label>
<div class="res-input-row">
<select id="labelColorMode" onchange="onLabelColorModeChange()" style="flex:1">
<option value="auto" selected>自动（同系列颜色）</option>
<option value="custom">自定义…</option>
</select>
<input type="color" id="labelColor" value="#333333" style="width:44px;height:32px;display:none" onchange="updateChart()">
</div>
</div>
<div class="config-group">
<label>Y轴范围（留空=自动）</label>
<div id="singleAxisRange">
<div class="res-input-row">
<input type="number" id="yAxisMin" placeholder="最小值" oninput="updateChart()">
<span class="res-times">~</span>
<input type="number" id="yAxisMax" placeholder="最大值" oninput="updateChart()">
</div>
</div>
<div id="dualAxisRange" style="display:none;">
<div class="res-input-row">
<input type="number" id="leftAxisMin" placeholder="左轴最小" oninput="updateChart()">
<span class="res-times">~</span>
<input type="number" id="leftAxisMax" placeholder="左轴最大" oninput="updateChart()">
</div>
<div class="res-input-row" style="margin-top:8px">
<input type="number" id="rightAxisMin" placeholder="右轴最小" oninput="updateChart()">
<span class="res-times">~</span>
<input type="number" id="rightAxisMax" placeholder="右轴最大" oninput="updateChart()">
</div>
</div>
</div>
<div class="config-group" id="rightAxisGroup" style="display:none;">
<label>左右轴名称（量度可不同）</label>
<div class="res-input-row">