关于图表多点同轴显示问题如何解决

两个点的valueAxis 相同时
image
点2的纵坐标是两点相加 且点2不论大小均在点1上方

两个点的valueAxis不同但 chart:axis 下position=“LEFT”
image
两轴上下限不同时 会乱显示,且还会出现点2值小却在点1上方

怎样可以让多点同Y轴 且Y轴上下限一致

单纯从这个现象看,应该是符合预期的。因为红点和绿点不是用的同一个轴,所以根据左边坐标轴的值,有可能小值画出来的位置高。

为什么你发的第一个图不符合你的要求呢?

<chart:serialChart id="lineChart"
                               autoMarginOffset="20"
                               categoryField="x"
                               dataContainer="engineTuneCaseProgramsDc"
                               height="100%"
                               marginLeft="70"
                               marginRight="70"
                               mouseWheelZoomEnabled="true"
                               theme="LIGHT"
                               width="100%">
                <chart:valueAxes>
                    <chart:axis id="v1"
                                axisAlpha="0"
                                ignoreAxisWidth="true"
                                position="LEFT"
                                stackType="REGULAR"
                               />
 </chart:valueAxes>
                <chart:balloon borderThickness="1"
                               shadowAlpha="0"/>
                <chart:graphs>
                    <chart:graph id="g1"
                                 bullet="ROUND"
                                 bulletSize="8"
                                 bulletBorderAlpha="1"
                                 lineColor="green"
                                 lineThickness="2"
                                 legendValueText="°C"
                                 title="点1值"
                                 valueAxis="v1"
                                 valueField="value"
                                 balloonText="&lt;span style='font-size:18px;'&gt;[[title]]:[[value]]&lt;/span&gt;">
                        <chart:balloon color="green"/>
                        <chart:fillColors>
                            <chart:color value="green"/>
                        </chart:fillColors>
                    </chart:graph>
                    <chart:graph id="g2"
                                 bullet="ROUND"
                                 bulletSize="8"
                                 bulletBorderAlpha="1"
                                 lineColor="red"
                                 lineThickness="2"
                                 title="点2值"
                                 valueAxis="v1"
                                 valueField="dot"
                                 balloonText="&lt;span style='font-size:18px;'&gt;[[title]]:[[value]]&lt;/span&gt;">
                        <chart:balloon color="red"/>
                        <chart:fillColors>
                            <chart:color value="red"/>
                        </chart:fillColors>
                    </chart:graph>
                </chart:graphs>
 <chart:categoryAxis dashLength="1"
                                    minorGridEnabled="true"
 />
                <chart:chartCursor cursorAlpha="1"
                                   cursorColor="#258cbb"
                                   cursorPosition="MOUSE"
                                   limitToGraph="g1"
                                   pan="true"
                                   valueLineAlpha="0.2"
                                   valueLineEnabled="true"
                                   valueLineBalloonEnabled="true"
                                   valueZoomable="true"/>
                <chart:export/>
            </chart:serialChart>