+ Start a Discussion
KNKKNK 

Barseries chart in Vf page

Hi Team

 

<apex:outputPanel rendered="{!target.datalist[0].Progress < 100}">

<apex:chart data="{!target.datalist}" height="100" width="100%" renderTo="target-container-{!chartNum}" >

<apex:axis type="Category" position="left" fields="calendar" >
<apex:chartLabel />
</apex:axis>

<apex:axis type="Numeric" position="bottom" fields="actual,Intermediate,target" steps="3" grid="true" minimum="0" >
<apex:chartLabel />
</apex:axis>
<apex:barSeries orientation="horizontal" axis="left" highlight="false"
xField="target" yField="measure" colorSet="#DDDDEE">
<apex:chartTips height="40" width="120" labelField="intermediateLabel" />
</apex:barSeries>
***************************************************

<apex:barSeries orientation="horizontal" axis="left" highlight="false"
xField="Intermediate" yField="measure">
<apex:chartTips height="40" width="120" labelField="targetLabel" />
</apex:barSeries>

**************************************************
<apex:barSeries orientation="horizontal" axis="left" highlight="false" colorSet="{!IF(target.datalist[0].Progress < 50,'#E51400','#F09609')}"
xField="actual" yField="measure" >
<apex:chartTips height="40" width="120" labelField="actualLabel" />
</apex:barSeries>

</apex:chart>

<div id="target-container-{!chartNum}"></div>
<p id="performance-percentage-area" class="performance-percentage">{!target.datalist[0].Progress} % completed</p>
</apex:outputPanel>

 

 

I want the highlited one as a line.  just one line at the point value.

 

can any one help me here....

 

  

 

bob_buzzardbob_buzzard

Can you clarify - are you looking to change the bar chart into a line chart?

KNKKNK
Hi Bob,
thank you for your reply.

inplace of barseries if use below code.

<apex:lineSeries axis="left" highlight="false" markerType="circle" markerSize="5"
xField="Intermediate" yField="measure">
<apex:chartTips height="40" width="120" labelField="IntermediateLabel" />
</apex:lineSeries>


at that particular value, I need a line instead of circle and cross mark.
bob_buzzardbob_buzzard

I don't understand how you can have a line at a single value - that would be a point.  Where does the line start from?