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表现的是三个对象值的总和，可能正因此才会有百分比；真相待进一步研究补充。

LiveCharts 提示框（DataTooltip）百分比一直为0.00%解决办法的更多相关文章

  1. 经验总结：WebBrowser自动点击弹出提示框alert、弹出对话框confirm、屏蔽弹出框、屏蔽弹出脚本错误的解决办法

    经验总结:WebBrowser自动点击弹出提示框alert.弹出对话框confirm.屏蔽弹出框.屏蔽弹出脚本错误的解决办法 网上有好多解决方法,可是不一定好使,本人经过多次试验,针对WebBrows ...

  2. error while loading shared libraries: libpcre.so.0的解决办法

    error while loading shared libraries: libpcre.so.0的解决办法 http://blog.csdn.net/xjkwq1qq/article/detail ...

  3. Linux安装php-mysql提示需要：libmysqlclient.so.18()(64bit)的解决办法

    Linux安装php-mysql提示需要:libmysqlclient.so.18()(64bit)的解决办法 在LNMP编译环境下安装zabbix会出现 执行:yum -y install net- ...

  4. C# 导出 Excel 数字列出现‘0’的解决办法

    在DataGird的中某一列全是数字并且长度大于15的字符,在导出excel时数字列第15-18位全部为0. 解决办法:在需导出数字列前加入英文字符状态的单引号(‘ ), 如: <asp:Tem ...

  5. 启动安卓模拟器报错 emulator: ERROR: x86_64 emulation currently requires hardware acceleration! CPU acceleration status:HAXM must be updated(version 1.1.1<6.0.1) 解决办法

    启动安卓模拟器报错 emulator: ERROR: x86_64 emulation currently requires hardware acceleration!  CPU accelerat ...

  6. uwsgi -- unavailable modifier requested: 0 -- 的解决办法

    nginx 报错 upstream prematurely closed connection while reading response header from upstream 说明是上游服务器 ...

  7. Mac系统安装文件提示文件已损坏，打不开解决办法

    Mac系统安装文件提示文件已损坏,打不开解决办法: 修改系统配置:系统偏好设置 - 安全性与隐私 - 任何来源”.如果没有“任何来源”这个选项,是因为你的系统是macOS Sierra 10.12,苹 ...

  8. form WebBrowser自动点击弹出提示框alert、弹出对话框confirm、屏蔽弹出框、屏蔽弹出脚本错误的解决办法

    针对WebBrowser控件中自动点击弹出框及禁用脚本提示问题得到如下几种实际情况的解决办法,绝对管用. 1.屏蔽弹出错误脚本 将WebBrowser控件ScriptErrorsSuppressed设 ...

  9. vue2.0 vetur插件提示 'v-for' directives require 'v-bind:key' directives 的解决办法

    在用vscode编写vue代码时,因为安装的有vetur插件,所以当代码中有v-for语法时,会提示 [vue-language-server] 'v-for' directives require ...

随机推荐

  1. 浅谈产品模型(Profile)在程序设计中的作用

    引言:物联网平台的一个重要功能就是资产管理,产品或者设备都可以看成是资产中组成部分,所以有时候说物联网平台可以进行产品管理和设备管理.通常应用物联网平台开发一套具有产品或者设备管理功能的系统的时候,必 ...

  2. 微信小程序canvas canvasGetImageData方法真机获得数据显示到image为空白

    方法 wx.canvasGetImageData的参数 width,height 只能是整数

  3. 中国空气质量在线监测分析平台之JS加密、JS混淆处理

    中国空气质量在线监测分析平台数据爬取分析 页面分析:确定url.请求方式.请求参数.响应数据 1.访问网站首页:https://www.aqistudy.cn/html/city_detail.htm ...

  4. AIX 解除镜像再重建同步

    扩展fs发现pv状态变成removed,用chpv -v -a hdisk即可,至于什么原因造成removed? 一.解除vg mirrorunmirrorvg vgname hdiskx hdisk ...

  5. es6的数组操作

    //foreach 迭代 var arr = [1, 2, 3]; var sum = 0; arr.forEach(function(value, index, array) { console.l ...

  6. OpenStack的Trove组件详解

    一:简介     一.背景 1. 对于公有云计算平台来说,只有计算.网络与存储这三大服务往往是不太够的,在目前互联网应用百花齐放的背景下,几乎所有应用都使用到数据库,而数据库承载的往往是应用最核心的数 ...

  7. 写给程序员的机器学习入门 (五) - 递归模型 RNN，LSTM 与 GRU

    递归模型的应用场景 在前面的文章中我们看到的多层线性模型能处理的输入数量是固定的,如果一个模型能接收两个输入那么你就不能给它传一个或者三个.而有时候我们需要根据数量不一定的输入来预测输出,例如文本就是 ...

  8. MVC案例之多个请求对应一个servlet

     CustomerServlet package com.aff.mvcapp.servlet; import java.io.IOException; import java.lang.reflec ...

  9. PHP获取今日、本周、本月、今年的开始日期和结束日期

    /** * 今天开始的Y-m-d H:i:s * * @return string */ public static function beginToday() { return date('Y-m- ...

  10. ZooKeeper未授权漏洞

    ZooKeeper是一个分布式的,开放源码的分布式应用程序协调服务,是Google的Chubby一个开源的实现,它是集群的管理者,监视着集群中各个节点的状态根据节点提交的反馈进行下一步合理操作.最终, ...