Dynamic changing marker color

<p>Hello,</p>
<p> </p>
<p>I would like to change the color of a marker in a chart when the value of that marker is upper or below a constant value.</p>
<p>You can see my chart here

Find more posts tagged with

Comments

pricher

<p>Hi,</p>
<p> </p>
<p>The following code will change the marker color to red when the Y-axis value is less than 100:</p>
<pre class="_prettyXprint _lang-">
function beforeDrawDataPoint( dph, fill, icsc )
{
if( dph.getOrthogonalValue() <= 100.0 ){
fill.set( 255, 0,0 );
}
}

</pre>
<p>I have attached a working example.</p>
<p> </p>
<p>Hope this helps,</p>
<p> </p>
<p>P.</p>

Lionel6199

<p><span style="font-family:arial, sans-serif;"><span style="font-size:10.5pt;">Hi,</span></span></p>
<p><span style="font-family:arial, sans-serif;"><span style="font-size:10.5pt;">Thank you so much Pricher!</span></span></p>
<p><span style="font-family:arial, sans-serif;"><span style="font-size:10.5pt;">I could use your code and adapt it to my application!</span></span></p>
<p> </p>
<div>
<p><span style="font-family:arial, sans-serif;">Now I'm trying to make some modification about the type of marker. After several trials I'm not sure if I have to code that in the "beforeDrawDataPoint" function or the "beforeDrawMarker" function. Every time I get error when I use set Type or star or box as marker type.</span></p>
<p> </p>
</div>
<div>
<div>ULC = 1.2;</div>
<div>LCL = 0.75;</div>
<div>Average = (ULC+LCL)/2;</div>
<div> </div>
<div>function beforeDrawDataPoint( dph, fill, icsc )</div>
<div>{<span> </span></div>
<div>if( (dph.getOrthogonalValue() < LCL )||(dph.getOrthogonalValue() > ULC )){</div>
<div> <span> </span>fill.set( 255, 0,0 );</div>
<div> <span> </span>}<span> </span></div>
<div>}</div>
<div> </div>
<div>function beforeDrawMarker( marker, dph, icsc )</div>
<div>{<span> </span></div>
<div>if( (dph.getOrthogonalValue() < LCL )||(dph.getOrthogonalValue() > ULC )){</div>
<div>setType(Star);</div>
<div>}<span> </span></div>
<div>}</div>
</div>
<p> </p>
<p> </p>
<p><span style="font-family:arial, sans-serif;">Following your code I also could create two new <MarkerLines> inside the XML Source. Why didn't you code that on the script ? Is it possible to do that ? In fact I just want to use the UCL, LCL and average I set on the Script code.</span></p>

pricher

<p>Hi,</p>
<p> </p>
<p>1. To change the line marker to a star, add the following code to the existing script:</p>
<pre class="_prettyXprint _lang-">
importPackage(Packages.org.eclipse.birt.chart.model.attribute);
function beforeDrawMarker( marker, dph, icsc )
{
if( dph.getOrthogonalValue() <= 100.0 ){
marker.setSize(10)
marker.setType(MarkerType.STAR_LITERAL)
}
}
</pre>
<p>2. To add axis markers dynamically (as I think this is what you want), use the following code. In this example, the marker value comes from a run-time parameter:</p>
<pre class="_prettyXprint _lang-">
function beforeGeneration( chart, icsc )
{
importPackage(Packages.org.eclipse.birt.chart.model.component.impl);
importPackage(Packages.org.eclipse.birt.chart.model.data.impl);
importPackage(Packages.org.eclipse.birt.chart.model.attribute);
importPackage(Packages.org.eclipse.birt.chart.model.attribute.impl);

//var chart = icsc.getChartInstance();
var yAxis = chart.getAxes().get(0).getAssociatedAxes().get(0);

var topValue = icsc.getExternalContext().getScriptable().getParameterValue("Ave");

top_ml = MarkerLineImpl.create(yAxis, NumberDataElementImpl.create(topValue));
top_ml.getLabel().getCaption().setValue("My Marker " + topValue);
top_ml.getLabel().getCaption().getFont().setName("Arial");
top_ml.getLabel().getCaption().getFont().setSize(8);

top_ml.getLineAttributes().getColor().set(200,0,0);
top_ml.getLineAttributes().setStyle(LineStyle.DASHED_LITERAL);
top_ml.getLineAttributes().setThickness(1);
}
</pre>
<p>I have attached two working examples.</p>
<p> </p>
<p>P.</p>

Lionel6199

<p>Hi,</p>
<p> </p>
<p>This is almost what i wanted and I could easily modifiy to match my requirment.</p>
<p>Thank you again for your help

</p>
<p> </p>
<p>I will copy the code here if someone want to make similar control card as this.</p>
<p>

Steve K

I am interested in changing the marker value based upon the parameter input

Steve K

Nevermind, I figured it out.