nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Force a bar color on the optional Y-Series grouping

mmarc442

[color=rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;background-color:rgb(239,239,239);]Side-by-side bar chart. I can force a bar color on the Value (Y) series using the script [/color] 
 
[color=rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;background-color:rgb(239,239,239);]function beforeDrawDataPoint( dph, fill, icsc ) [/color] 
[color=rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;background-color:rgb(239,239,239);]{ [/color] 
[color=rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;background-color:rgb(239,239,239);]var Condition = dph.getBaseDisplayValue(); [/color] 
[color=rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;background-color:rgb(239,239,239);]if(Condition.contains("Support")) { fill.set(127,255,0); } [/color] 
 
[color=rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;background-color:rgb(239,239,239);]which works great for the primary Value series. [/color] [color=rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;background-color:rgb(239,239,239);]But I need to set the color based on the optional Y-Series grouping instead. CanI check Condition on something besides getBaseDisplayValue() ?[/color]

Find more posts tagged with

Comments

kclark

You could use getSeriesDisplayValue() it would look like this<pre class="_prettyXprint">function beforeDrawDataPoint( dph, fill, icsc ){ if(dph.getSeriesDisplayValue() == "Jan 1, 2004 12:00:00 AM"){ fill.set(255,255,0); }}</pre>