LiveCharts 提示框（DataTooltip）百分比一直爲0.00%解決辦法

LiveCharts 提示框（DataTooltip）百分比一直爲0.00%解決辦法

問題描述：在使用LiveCharts 開源圖標庫的時候，使用CartesianChart類圖表，當Series爲LineSeries（多個對象）類型時，DataTooltip數據提示框會提示每一個點對應的百分比，但一直爲0.00%；

代碼以下：

<lvc:CartesianChart x:Name="lvc_day" Height="310" >
                               <lvc:CartesianChart.Series>
                                   <lvc:LineSeries Values="3000,2700,2950,2800,2600,2800,2900,2950,3000,3100,3300,3000"
                                                   ScalesYAt="0"
                                                   PointGeometrySize="0"
                                                   StrokeThickness="2"
                                                   Stroke="#FF00F0FF"
                                                   DataLabels="False"
                                                   Title="35歲如下"
                                                    
                                                   LineSmoothness="1">
                                       <lvc:LineSeries.Fill>
                                           <LinearGradientBrush StartPoint="0.5,1" EndPoint="0.5,0" Opacity="0.2">
                                               <GradientStop Color="#9900F0FF" Offset="0.5"/>
                                               <GradientStop Color="#0000F0FF" Offset="0"/>
                                           </LinearGradientBrush>
                                       </lvc:LineSeries.Fill>
                                   </lvc:LineSeries>
​
                                   <lvc:LineSeries Values="1000,800,1150,1000,1100,850,800,600,650,700,800,1000"
                                                   ScalesYAt="0"
                                                   PointGeometrySize="0"
                                                   StrokeThickness="2"
                                                   Stroke="#FFD92E28"
                                                   DataLabels="False"
                                                   Title="大於65歲"
                                                   LineSmoothness="1">
                                       <lvc:LineSeries.Fill>
                                           <LinearGradientBrush StartPoint="0.5,1" EndPoint="0.5,0" Opacity="0.2">
                                               <GradientStop Color="#99D92E28" Offset="0.5"/>
                                               <GradientStop Color="#00D92E28" Offset="0"/>
                                           </LinearGradientBrush>
                                       </lvc:LineSeries.Fill>
                                   </lvc:LineSeries>
​
                                   <lvc:LineSeries Values="3200,3300,3100,3150,3250,3300,3300,3350,3400,3500,3300,3350"
                                                   ScalesYAt="0"
                                                   PointGeometrySize="0"
                                                   StrokeThickness="2"
                                                   Stroke="#FFF5BB36"
                                                   DataLabels="False"
                                                   Title="35~64歲"
                                                   LineSmoothness="1">
                                       <lvc:LineSeries.Fill>
                                           <LinearGradientBrush StartPoint="0.5,1" EndPoint="0.5,0" Opacity="0.2">
                                               <GradientStop Color="#99F5BB36" Offset="0.5"/>
                                               <GradientStop Color="#00F5BB36" Offset="0"/>
                                           </LinearGradientBrush>
                                       </lvc:LineSeries.Fill>
                                   </lvc:LineSeries>
                               </lvc:CartesianChart.Series>
​
                               <!--1月,2月,3月,4月,5月,6月,7月,8月,9月,10月,11月,12月-->
                               <lvc:CartesianChart.AxisX>
                                   <lvc:Axis Labels="1月,2月,3月,4月,5月,6月,7月,8月,9月,10月,11月,12月" FontSize="21.6" Foreground="#FFFFFF" ShowLabels="True">
                                       <lvc:Axis.Separator>
                                           <lvc:Separator Step="1" IsEnabled="True" StrokeThickness="0.2"></lvc:Separator>
                                       </lvc:Axis.Separator>
                                   </lvc:Axis>
                               </lvc:CartesianChart.AxisX>
​
                               <lvc:CartesianChart.AxisY>
                                   <lvc:Axis MinValue="0" FontSize="21.6" Foreground="#FFFFFF">
                                       <lvc:Axis.Separator>
                                           <lvc:Separator IsEnabled="True" StrokeThickness="0.2"></lvc:Separator>
                                       </lvc:Axis.Separator>
                                   </lvc:Axis>
                               </lvc:CartesianChart.AxisY>
                           </lvc:CartesianChart>

如圖所示：

 解決方法：使用StackedAreaSeries替代LineSeries，百分比即正常顯示；

 

結論：改爲StackedAreaSeries表示的是堆疊面積，可對比先後兩張效果圖的Y軸刻度，能夠發現，StackedAreaSeries表現的是三個對象值的總和，可能正所以纔會有百分比；真相待進一步研究補充。