<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="https://community.appian.com/cfs-file/__key/system/syndication/rss.xsl" media="screen"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:wfw="http://wellformedweb.org/CommentAPI/"><channel><title>Bar chart values overlap bar becoming unreadable</title><link>https://community.appian.com/discussions/f/general/34938/bar-chart-values-overlap-bar-becoming-unreadable</link><description>I have a bar chart driven by a recordType which displays the value of each bar. What happens is that these values are being placed on top of the bar for the longest bars. 
 
 I&amp;#39;m surprised that Appian does not automatically adjust the color when it overlaps</description><dc:language>en-US</dc:language><generator>Telligent Community 12</generator><item><title>RE: Bar chart values overlap bar becoming unreadable</title><link>https://community.appian.com/thread/135489?ContentTypeID=1</link><pubDate>Fri, 17 May 2024 09:30:01 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:2a4716e6-3c17-4245-a553-f7d273b95964</guid><dc:creator>Richard Michaelis</dc:creator><description>&lt;p&gt;Hello Steven,&lt;br /&gt;you can do a lot with appian UI, but its not the ultimative custom your own CSS/HTML totally free design fit.&lt;br /&gt;We, as Designer/devs, need to be aware of this and be careful not to oversell appian and its capbilities on the UI front.&lt;br /&gt;So this i sadly a common limitation you will face with appian. &lt;br /&gt;UI style guides, pixel perfect implementation etc.&amp;nbsp;&lt;br /&gt;Good luck solving it.&lt;br /&gt;Perhaps creating a plugin might help?&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: Bar chart values overlap bar becoming unreadable</title><link>https://community.appian.com/thread/135459?ContentTypeID=1</link><pubDate>Thu, 16 May 2024 14:25:54 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:6fbfd747-d6f7-4920-9830-1409bd50070e</guid><dc:creator>stevenh6272</dc:creator><description>&lt;p&gt;Multiple problems with this work-around.&lt;/p&gt;
&lt;p&gt;1) Our entire UI is based on white background.&amp;nbsp; Implementing this would require use to rework all other screens&lt;/p&gt;
&lt;p&gt;2) The bar chart still does not meet WCAG AA because the contrast ratio between the blue bar and the white text is 4:09:1.&amp;nbsp; We need to meet 4.5:1 contrast ratio.&lt;/p&gt;
&lt;p&gt;3) The area chart does meet the contrast requirement between the area color and the data label color (8.91:1).&amp;nbsp; However, the contrast between the area (dark blue) and the background (black) is inadequate (2.35:1 contrast).&lt;/p&gt;
&lt;p&gt;Yeah.... meeting WCAG is hard at times.&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: Bar chart values overlap bar becoming unreadable</title><link>https://community.appian.com/thread/135099?ContentTypeID=1</link><pubDate>Thu, 09 May 2024 18:45:56 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:6ba83a2b-abc8-4dd8-af53-1702ca4cfa83</guid><dc:creator>Richard Michaelis</dc:creator><description>&lt;p&gt;hahahaha&lt;br /&gt;&lt;br /&gt;not sure if its helpful but i found a real workaround lol&lt;br /&gt;it seems that the background color defines the label color&lt;br /&gt;&lt;br /&gt;&lt;img style="max-height:240px;max-width:320px;" alt=" " src="/resized-image/__size/640x480/__key/communityserver-discussions-components-files/11/pastedimage1715280353075v1.png" /&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: Bar chart values overlap bar becoming unreadable</title><link>https://community.appian.com/thread/135098?ContentTypeID=1</link><pubDate>Thu, 09 May 2024 18:36:26 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:3b52aae0-df77-4e83-a93b-7ece026c6ef7</guid><dc:creator>stevenh6272</dc:creator><description>&lt;p&gt;ok.&amp;nbsp; Thanks.&amp;nbsp; Will see if a ticket gets us anywhere.&amp;nbsp;&amp;nbsp;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: Bar chart values overlap bar becoming unreadable</title><link>https://community.appian.com/thread/135097?ContentTypeID=1</link><pubDate>Thu, 09 May 2024 18:27:53 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:f67a99e1-54e0-4637-aba9-41b6d83e616a</guid><dc:creator>Richard Michaelis</dc:creator><description>&lt;p&gt;sadly&amp;nbsp;- it seems to be a general issue with charts not only bar chart&lt;br /&gt;&lt;br /&gt;&lt;img style="max-height:240px;max-width:320px;" alt=" " src="/resized-image/__size/640x480/__key/communityserver-discussions-components-files/11/pastedimage1715279199386v3.png" /&gt;&lt;br /&gt;&lt;img style="max-height:240px;max-width:320px;" alt=" " src="/resized-image/__size/640x480/__key/communityserver-discussions-components-files/11/pastedimage1715278999307v1.png" /&gt;&lt;br /&gt;&lt;img style="max-height:240px;max-width:320px;" alt=" " src="/resized-image/__size/640x480/__key/communityserver-discussions-components-files/11/pastedimage1715279104311v2.png" /&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: Bar chart values overlap bar becoming unreadable</title><link>https://community.appian.com/thread/135096?ContentTypeID=1</link><pubDate>Thu, 09 May 2024 18:18:19 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:461c2e89-d73f-45c6-8ad2-2c5db7b809a8</guid><dc:creator>Richard Michaelis</dc:creator><description>&lt;p&gt;Hi Steven,&lt;br /&gt;i played a bit with bar charts.&lt;br /&gt;It seems that &amp;quot;datalabels&amp;quot; are just available as black letter color.&lt;br /&gt;So it seems to be currently a limitation of all chart features that labels are just available with this color.&lt;br /&gt;Perhaps worth a ticket of the support ? with a ticket it has chance to become a feature request that if the color scheme is to dark it will be a white letter font.&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item></channel></rss>