LiveCharts 提示框(DataTooltip)百分比一直為0.00%解決辦法

来源:https://www.cnblogs.com/aaxr/archive/2020/06/09/13080957.html
-Advertisement-
Play Games

LiveCharts 提示框(DataTooltip)百分比一直為0.00%解決辦法 問題描述:在使用LiveCharts 開源圖標庫的時候,使用CartesianChart類圖表,當Series為LineSeries(多個對象)類型時,DataTooltip數據提示框會提示每個點對應的百分比,但一 ...


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表現的是三個對象值的總和,可能正因此才會有百分比;真相待進一步研究補充


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 項目簡介 項目來源於:https://github.com/1462656075/car 本系統是基於JSP+SSH+Mysql+DBCP實現的租車系統。在當代開發中,SSH的使用已經逐漸被SSM取代,但不代表我們不需要學習SSH,該系統簡單,但功能齊全可以作為SSH框架初學者的入門項目。 難度等級 ...
  • B樹和B+樹的插入、刪除圖文詳解 本文摘自:https://www.cnblogs.com/nullzx/p/8729425.html 感謝大佬nullzx的總結與分享。 另外為驗證本人的正確性,通過一個小工具驗證了下文中的拆入結果,感興趣的伙伴們 可以自己動手驗證。 B-Trees 簡介:本文主要 ...
  • 前言 本文的文字及圖片來源於網路,僅供學習、交流使用,不具有任何商業用途,版權歸原作者所有,如有問題請及時聯繫我們以作處理。 作者:CDA數據分析師 地攤經濟火了!微博微熱點數據 我們先看到微博微熱點的數據:全網熱度指數趨勢 從全網熱度指數的變化趨勢來看,地攤經濟的熱度在6月3日起逐步升溫,6月4日 ...
  • QT讀JSON文件步驟,這裡把過程記錄一下,網上大多都是怎麼寫json的,對於讀的,記錄的不多 首先JSON文件格式必須為UTF-8(非UTF-8 with BOM),UTF-8 with BOM 即為UTF-8 前加了BOM標識,會導致解析失敗,報錯內容非法,這時候就將文件保存為UTF-8就好了。 ...
  • 使用vs2019創建ASP.Net Core Web應用程式: 右側高級選項中有一項啟用Docker支持,勾選後vs會自動幫我們創建Dockerfile: 看一下Dockerfile的內容: #See https://aka.ms/containerfastmode to understand ho ...
  • SunnyUI為了避免視覺傳達差異,使用一套特定的調色板來規定顏色,為你所搭建的產品提供一致的外觀視覺感受。 主色 SunnyUI主要品牌顏色是鮮艷、友好的藍色。 ...
  • 0. 前言 通過前兩篇,我們創建了一個項目,並規定了一個基本的數據層訪問介面。這一篇,我們將以EF Core為例演示一下數據層訪問介面如何實現,以及實現中需要註意的地方。 1. 添加EF Core 先在數據層實現層引入 EF Core: cd Domain.Implements dotnet add ...
  • vs版本 2019,鏈接資料庫使用Navicat,資料庫MySql abp的官網:https://aspnetboilerplate.com/,我們去Download這裡下載一個模板,需要選好Target Version、輸入項目名字,我這裡使用abp的mvc版本、項目名為AbpLearn下載一份 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...