如何保证多个chart 的Y轴始终对齐

caoguocheng 2016-09-13 11:56:40

如图所示。

...全文

1052 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

caoguocheng 2016-09-13

打赏
举报

回复

是不是很难啊？

ChartControl双Y轴显示实例源码

之前四此发的库http://download.csdn.net/detail/maiker/9646423可以作废，本次为最新的，其中测试了历史曲线的动态显示,这是对Microsoft WpfToolkit的更新和扩展： 1、将库版本升级到.NET 4.5，对命名控件进行了替换处理 2、实现了单数据Chart图的混合颜色显示，可通过修改资源字典调整和添加颜色 3、可控制各种Chart图形的数据值显示 4、坐标轴文本可倾斜显示 5、添加了StepLine图和圆环图，圆环半径比例系数可设定. 6、Legend可位于区域四侧，对齐方式也可以设定，以及是否显示，可控制Chart Title是否显示 7、柱状图缝隙间隔可调整 8、全方面的加入了各种加载动画效果，动画效果可屏蔽，同时原系统自带动画效果，可叠加，这是两种不同的效果，可以互补性的单个使用 9、设计了五种主题颜色，各人可以针对图形颜色和背景色进行更好的搭配，在用户项目中，可以自己添加新的主题。 10、扩展了时间轴的应用，在新的DateTimeChart中可以通过鼠标平移和缩放时间轴，并测试了两个例子用于动态显示历史曲线，一个是外部定时更新，一个是内部定时更新 11、对LineDataPoint样式进行了设计，现在可以选择线图的点样式(如空心圆、五角星、三角形，矩形等)，同时这些不同的点样式可以体现在Legend上，从而实现颜色和图形的双重区分。 12、对饼图的标签排布进行了深度扩展，借鉴了Telerik 饼图的标签排布规则，重新调整了标签排布，现在饼图标签在各种情况下都不会发生重叠，个人感觉比Visifire的饼图标签排布要好，虽然Visifire的饼图标签不会重叠，但连接线可能会出现重叠 13、借鉴了Visifire的标签智能适应，对各种Chart图的标签显示进行了重新定位，现在柱状图/Bar图的标签显示可以自行决定是水平排布还是垂直排布，是位于内部还是位于外部等等，而区域图的标签则使用了Win7窗口的文字区域背景的高斯模糊技巧，这样可以适应各种背景，而Visifire的标签色则通过底部背景色的计算来确定前景色，测试后发现在某些中性色下显示不理想，在Y轴方向上，标签文字能自适应显示。 14、轴标签和数据点值标签都添加了格式化字符串属性的设定 15、轴添加了交替颜色显示设定 16、增加了一些新的Chart类型：Stock/AreaSpline/AreaStepLine/RangeArea/RangeSplineArea/Stacked100AreaSpline/StackedAreaSpline 对Candlestick进行了小幅的调整，现在宽度自适应，以及适应中国的红涨绿跌股市颜色总而言之，微软的控件库做得很标准，还是很好修改的，相对于微软的这个库，讲究的是WPF的那种注重其神而忽略其形，WPFVisifire则比较传统，而Telerik则在WPF上走得更远，模板全在外部定制和修改。连动画都在外面做，所以新上手的人在使用Telerik Chart时会比WPFVisifire难得多，但可修改性也强得多。最后一直想在历史曲线中取消点动画(及默认的透明度动画)，以便提高执行效率，但微软的那部分动画不熟，总是修改失败。后来类似Visifire添加QuickLine，但没完成。可以发邮件wuyang26@live.cn讨论。

PowerBI系列课程之内置视觉对象和常用自定义视觉对象专题内置视觉对象Stacked bar chart 堆积条形图Stacked column chart 堆积柱形图 - X轴按类别显示Clustered bar chart 簇状条形图Clustered column chart 簇状柱形图100% Stacked bar chart 百分比堆积条形图100% Stacked column chart 百分比堆积柱形图Line Chart 折线图-预测功能Area Chart 面积图Stacked Area Chart 堆积面积图Line and stacked column chart 折线和堆积柱形图-双Y轴Line and clustered column chart 折线和簇状柱形图Ribbon Chart 丝带图Waterfall Chart 瀑布图Funnel 漏斗图Scatter chart 散点图Pie Chart 饼图 Donut Chart 环形图TreeMap 树状图Map 地图 Filled Map 着色地图Shape Map 形状地图Gauge 仪表Card 卡片图Multi-row card 多行卡片KPI Table 表格-条件样式Matrix 矩阵详解 Key influencers 关键影响者Decomposition tree 分解树Q&A 问答2021.6月增加分页表格视觉对象自定义视觉对象视觉对象使用建议下载排名前20，免费实用的视觉对象 AllDemo pbix介绍 Pareto 帕累托图DrillDown Donut 可钻取饼图Word Cloud 文字云Gantt 甘特图Infographic Designer 信息柱状图Timeline Slicer 时间轴切片器Chiclet Slicer 图片切片器Text Filter 文本筛选器HierarchySlicer 层级切片器Pulse Chart脉动图Power KPI Matrix KPI矩阵Animated Bar Chart Race 动态条形图Advance Card 高级卡片Sankey Chart 桑基图Radar Chart 雷达图Dial Gauge 码表Waffle 华夫占比图Quadrant 象限图 Tornado Chart 龙卷风图Histogram Chart 直方图 Box and Whisker chart 盒线图Sunburst 阳光图Chord Chart 和弦图Bullet Chart 子弹图HTML Content html解析视觉对象

echarts双y轴对齐

一开始是参照了这个链接实现echarts双y轴0刻度对齐进行的改造，但是发现放到项目里，会出现其中一个y轴刻度不显示的情况。效果图：y轴没有展示然后又参照了这个链接Echarts的双y轴0刻度对齐问题,这个方法也有个问题，是以0为分界线，实现0上和0下等分的情况，若值都是大于0的话，是无需0下部分的。效果图：无需0下部分上面两种都不能有效解决问题，所以只能自己写了第一步：分别找出双y轴的最大最小值 const max1 = Math.max(1, ...data1) || 1; const m

5,388

社区成员

262,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章