Column Chart with different Color

Hi expert, i need help here, below is my code
foreach (DataRow row in dtTest.Rows)
int intIndex = 0;
string strVLegendName = row["Vehicle"].ToString();
if (chart1.Series.IndexOf(strVLegendName) != -1)
chart1.Series[intIndex].ChartType = SeriesChartType.Column;
chart1.Series[intIndex].BorderWidth = 2;
chart1.Series[intIndex].ShadowOffset = 5;
chart1.Series[intIndex].LabelForeColor = Color.Black;
chart1.Series[intIndex]["DrawingStyle"] = "Cylinder";
int intYValue = (int)row["Value"];
chart1.Series[intIndex].Points.AddXY(row["SeriesName"].ToString(), Convert.ToInt32(row["Value"].ToString()));
chart1.Series[intIndex].IsValueShownAsLabel = true;
chart1.ChartAreas[intIndex].AxisX.MajorGrid.Enabled = false;
chart1.ChartAreas[intIndex].AxisY.MajorGrid.Enabled = false;
else
chart1.Series.Add(strVLegendName);
chart1.Series[intIndex].ChartType = SeriesChartType.Column;
chart1.Series[intIndex].BorderWidth = 2;
chart1.Series[intIndex].ShadowOffset = 5;
chart1.Series[intIndex].LabelForeColor = Color.Black;
chart1.Series[intIndex].Color = Color.Yellow;
chart1.Series[intIndex]["DrawingStyle"] = "Cylinder";
int intYValue = (int)row["Value"];
chart1.Series[intIndex].Points.AddXY(row["SeriesName"].ToString(), Convert.ToInt32(row["Value"].ToString()));
chart1.Series[intIndex].IsValueShownAsLabel = true;
chart1.ChartAreas[intIndex].AxisX.MajorGrid.Enabled = false;
chart1.ChartAreas[intIndex].AxisY.MajorGrid.Enabled = false;
intIndex++;
the output is below
the problem is, instead of the only "Yellow" color in the chart, how can i change it to make it different color for example, Sedan = Yellow, SUV=Red, 4ton=Blue, 8ton=Purple... 
Thanks in advanced...

All what you need is to create a small function to pass category and retrurn color as below:
private Color GetColor(string category)
switch(category){
case "Sedan":
return Color.Yellow;
case "SUV":
return Color.Red;
case "4ton":
return Color.Blue;
case "8ton":
return Color.Purple;
default:
return Color.White;
and then in your code you call it as :
chart1.Series[intIndex].Color = GetColor(strVLegendName);
Also note that you can create color from name as below, so if you saving colors in your DB/DT you can just pass as below and it will return color for you.
Color.FromName("Blue");
Which you will be able to pass in your code as below:
chart1.Series[intIndex].Color = Color.FromName(row["DBColor"].ToString());
Fouad Roumieh

Similar Messages

  • How to color single column cells with different colors in classic report based different conditions

    Hi ,
      Am working on Oracle Apex 4.2 version. Am trying to generate a  classic report with different cell colors based on the conditions.
      I tried the solution provided in the below link.
      https://forums.oracle.com/message/9518723#9518723.
      I tried the same query given in that link.
       SELECT e.*,
      CASE
        WHEN sal < 1000
        THEN 'red'
        WHEN sal BETWEEN 1000 AND 2000
        THEN 'yellow'
        WHEN sal > 2000
        THEN 'green'
      END the_color
    FROM emp e
      And, I hidded the column 'the_color' in Report Attributes,
              the Column Template1 has the code , <td #ALIGNMENT# headers="#COLUMN_HEADER_NAME#">#COLUMN_VALUE#</td>.
    After this, what are the steps did I miss here. Because am not getting the report which I need.
    Kindly do provide solution.
    Thanks,
    yashu.

    SAL column values should visible with different color based on the conditions. Same way i did in my report it was working for me. Please refer the below links for more information,
    https://forums.oracle.com/thread/1047891
    http://dbswh.webhop.net/htmldb/f?p=BLOG:READ:0::::ARTICLE:351800346145832
    Thanks
    Lakshmi

  • On a chart, can we set portions of a chart with different colors

    My application involves with fuel cell conditioning during which the V-I curve with go many cycles. I want to distinguish these cycles with different colors but don't know whether it's doable because I think if we set a color, it will set the whole line with the same color. Or if we can stop the line after one cycle and start the second cycle as a new line, then it will be a new color. Anyone can give some suggestion about how it can work? Thanks in advance.
    Guangde

    By bundling multiple points together you can get different plots on a waveform graph.  And +Inf plots nothing.  I attached an example that plots a random number.  When the boolean button is switched, it switches to the other plot line, thus another color.  This was only done for 2 different colors, but the case structure and the cluster could be expanded for more than 2 colors.
    Message Edited by Ravens Fan on 08-24-2007 10:43 PM
    Attachments:
    Untitled 1.vi ‏14 KB
    Example_BD.png ‏12 KB

  • Line chart with different "colors": Values not available are displayed as 0

    Hello,
    I defined a line chart with more than one lines (aka "colors" in the chart wizzard) - each line representing the (monthly) values of a year. x axis are the 12 months of the year; y axis are the values.
    When one defines such a line chart in BIP client there is a choice between sum, average and count for the data values.
    This is no problem for my template as there is only one value per month/year - so I used sum.
    The problem: for the actual year there are no values for future months . But bip nevertheless shows 0 for this month/year... Can one prevent this?
    Regards
    Peter

    Solved it finally - unavailable values must explicitly be passed to the report with nothing contained in the value tag.

  • Not able to color different rows with different colors in a column of table

    Hi,
    I am trying to to display different rows with different colors in a column of the table based on some decode condition.
    I have gone through the following threads :
    Can we colour the rows in the column of a table
    Changing Color of a value in a column
    This is what i have done :
    1.Added the following code to custom.xss(changed the name to Custom.xss as suggested in one of the above threads) --- in path ---- jdev\myhtml\OA_HTML\cabo\styles
    <style selector=".1">
    <includeStyle name="DefaultFontFamily"/>
    <property name="font-size">11pt</property>
    <property name="font-weight">Bolder</property>
    <property name="color">#008000</property>
    <property name="text-indent">3px</property>
    </style>
    <style selector=".2">
    <includeStyle name="DefaultFontFamily"/>
    <property name="font-size">11pt</property>
    <property name="font-weight">Bolder</property>
    <property name="color">#FFFF00</property>
    <property name="text-indent">3px</property>
    </style>
    2. Sql query of the VO is :
    select comments,role ,decode(role,'REQUESTER','1','2') Colorattr from xxat_sars_action_history where request_id = :1 and event_name = :2 and action_code <> 'PENDING'
    order by sequence_num desc
    3. Coded the following in the process request of the controller:
    OATableBean table = (OATableBean)webBean.findIndexedChildRecursive("CommentsTB");
    OAMessageStyledTextBean roleBN = (OAMessageStyledTextBean)webBean.findIndexedChildRecursive("role");
    OADataBoundValueViewObject cssjob = new OADataBoundValueViewObject(roleBN,"Colorattr");
    roleBN.setAttributeValue(oracle.cabo.ui.UIConstants.STYLE_CLASS_ATTR, cssjob);
    where 1 and 2 form the colors ( i have even tried with 'Red' and 'Yellow'...as it was not working replaced with 1 and 2)
    4.The query returns data fine with corresponding 1 and 2 values.
    But different colors are not getting reflecting on to the UI.
    I am testing this on my local jdev.
    Please do let me know if i am missing something.
    Thanks ,
    Sushma.

    Any Clues please.....
    Thanks,
    Sushma.

  • How to add round image inside the table column? with different background color, column value should appear in the middle of the round portion.

    Hi
    This question is related to table component implementation.
    I want to display the column values inside the small round image with different colors and value should appear in the middle.

    Hi,
    >>1. how can i align Title(DCS Clinical Report-Technician wise) center of pdf report with image named:logo5.png immediately coming to it's right?.
    2. how do i add the given below row and it's data to my top my table in pdf report from c# windows forms using itextsharp?
    3.how to make my column headers in bold?<<
    I’m sorry for the issue that you are hitting now.
    This itextsharp is third party control, for this issue, I recommended to consult the control provider directly, I think they can give more precise troubleshooting.
    http://sourceforge.net/projects/itextsharp/
    Thanks for your understanding.
    Regards,
    Marvin
    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click
    HERE to participate the survey.

  • Display of text of different rows with different color - JTable

    Hi all !
    I have struck in a problem. I have to display the different rows with different color in the JTable. I have created an arraylist in the model class, which stores color of all the rows. Now in renderer class, I am just picking up color from the arraylist, taking rowIndex as index for arraylist. I used to set foreground color for each row in the renderer class. The problem is that it is not showing all the rows properly, sometimes it show all the rows correctly, but as i resize the window/panel, it starts behaving abnormally, some text is painted properly, but other aren't.
    Does anybody have any solution regarding this problem.
    One thing i want to mention is that in getTableCellRendererComponent() method, i used to retrive the color everytime, and setting the foreground color of the text. Is this a right approach or some other technique have to be followed.
    here is code of renderer class ---
    import java.awt.*;
    import javax.swing.*;
    * Renderer to plot stage record table.
    public class ExStageCellRenderer extends javax.swing.table.DefaultTableCellRenderer
        Color curColor;
         * returns component to be painted, overridding this method from
         * DefaultCellRenderer
         * @param table
         *            table whose component has to be plotted
         * @param value
         *            value of that particular cell
         * @param isSelected
         *            is Cell selected
         * @param hasFocus
         *            has the cell got focus
         * @param row
         *            row of the cell
         * @param column
         *            column of the cell
         * @return painted component
        public Component getTableCellRendererComponent (JTable table, Object value, boolean isSelected, boolean hasFocus, int row,
                int column)
            Component component = super.getTableCellRendererComponent (table, value, isSelected, hasFocus, row, column);
            ExStageDataModel model = (ExStageDataModel)table.getModel ();       
            if (curColor instanceof Color) {
                    curColor = model.getColor(row);
                } else {
                    // If color unknown, use table's foreground color
                    curColor = table.getForeground();
            String tooltip = "";
            StringBuffer stringBuffer = new StringBuffer ();
            for (int i = 0; i < table.getColumnCount (); i++)
                    Object Value = table.getValueAt (row, i);
                    if (Value == null) continue;
                    stringBuffer.append (Value.toString () + "    ");
            tooltip += stringBuffer.toString ();
            tooltip = tooltip.trim ();
            ((JComponent) component).setToolTipText (tooltip);
            if (column == 1)
                this.setHorizontalAlignment (SwingConstants.CENTER);
            else if (column == 0 || column == 4 || column == 5)
                this.setHorizontalAlignment (SwingConstants.LEFT);
            else
                this.setHorizontalAlignment (SwingConstants.RIGHT);
            // LOOK!! should turn tip off if there is none !!
            component.setForeground (this.curColor);
            //System.out.println("render : " + component.getBounds ());
            //component.validate ();
            component.update (component.getGraphics ());
            return component;
    Waiting for reply....
    Code snooker

    Hmm, why are you doing the curColor instanceof? What does this accomplish? I don't see any reason to ask what it was before; all you should be interested in here is what you want it to be now.
    All you should have to do is say:
    this.setForeground(model.getColor(row));I also don't see why you're doing the update() -- JTable is going to do that for you at the appropriate time, you have no idea if now is the right time to do it or not. In fact it probably isn't, you're probably updating the previously-drawn cell with your new color and alignment, which may be the strange behavior you're seeing.
    Also, I don't see why you're doing the super. All that's going to do is return "this", so why not just use "this"?
    Well, without knowing your larger code or exactly what you're trying to accomplish, maybe I'm just missing something.
    I've just recently been working on a program where I had some similar requirements -- different foreground and background colors and alignment -- and I found it much cleaner to create a class to hold all this data, and then create a default renderer for that class. Then I made some constructors for this "attribute" class that let me set whatever I need, like
    public CellAttrib(String s,Color c,int alignment,Border border)
      this.s=s;
      this.c=c;
      this.border=border;
    // with suitable defaults ...
    pubic CellAtrtrib(String s)
      this.s=s;
      this.c=Color.BLACK;
      this.border=null;
    }Then the renderer just queried the cell-attributes class, as in:
    setForeground(value.getColor());
    setHorizontalAlignment(value.getAlignment());
    setBorder(value.getBorder);

  • Column Chart with Columns That Vary in Width

    The subject is Column Chart with Columns That Vary in Width.
    I have been concentrating on the column renderer. Unfortunately,
    the renderer class receives control with access to limited
    information. Mainly, what it gets is pixel counts that measure the
    dimensions of the rectangle that ends up being a column. There is
    no straightforward way to send width information to the renderer. I
    can, however, change the color of the column. I thought of encoding
    the width in the height, but that distorts the actual height,
    potentially causing the chart scale to be computed incorrectly.
    Also, the encoding is hard to reverse once the height in
    transformed by an unknown and varying scale factor so that the
    column fits on the chart. I love the way the column chart looks. I
    only want to alter the width of each individual column. Since I am
    drawing each column, if I knew the widths, I'd be done by now. Do
    you have a better approach? Thanks in advance.

    You need three ColumnSeries. Set the dataProvider of each directly (instead of setting it for the ColumnChart) to something like this:
      var cars:ListCollectionView = new ListCollectionView();
      cars.list = inventory;
      cars.filterFunction = function(item:Object):Boolean {
        return item['category' /* or whatever your category field is */] == 'cars';
    Do something similar for bikes and trucks. You can do something like this if you don't know the number of categories as well, but it's rather trickier (and left as an exercise for the reader).

  • How do you combine a stacked column chart with a clustered column chart

    Hello,
    I am trying to combine a stacked column chart with a clustered column chart. I know that in Excel there is a way to trick that described on the next site: http://people.stfx.ca/bliengme/ExcelTips/Columns.htm
    Is that possible with BI Publisher?
    Thank you very much!
    Codruta Crisan

    Finally I get it myself:
    You need to use graph type as BAR_VERT_STACK2Y and the declare the series that you want to see on the first Y vertical bar as assignedToY2="false" and the ones that you wanr to see on the second Y vertical bar as assignedToY2="true".
    In my case I use 4 Series, 2 stack on the first clustured column and 2 stacked on the second (2Y) clustured colum....see below
    graphType="BAR_VERT_STACK2Y">
    <SeriesItems>
    <Series id="0" assignedToY2="false" color="#BBD6E7"/>
    <Series id="1" assignedToY2="false"/>
    <Series id="2" assignedToY2="true" color="#004A96"/>
    <Series id="3" assignedToY2="true"/>
    </SeriesItems>

  • Drill Down between 2 stacked column chart with multiple rows.

    Hi,
    Can anyone please help me.
    1) i have to create stacked column chart with Region and cout of calls for previous 3 quarters.
    2) the 2nd stacked column should display the priority with the count of calls for the respective selection of region on the 1st chart..
    to achieve this,
    i'm using 2 stacked column charts and 1 lebel baseb menu.
    from this i can able to get the drill down from label based menu to 2nd stacked column chart but i couldn't able to done the same from 1st stacked coumn chart.
    Becoz my data is multiple row for each quarter.
    please suggest me to achieve the drill down between 2 stacked column charts.
    assume that my data like below.:
    coulmns for 1st stacked column chart : Region, Q2,Q3 &Q4
    Region                Q2                Q3               Q4
    Other              3658              3497               497
    NA - North
    America                3               3               1101
    APJK     1     4     597
    UK               324
    EMEA North     1     1     288
    CORPORATE     1     5     215
    LA -
    Latin America1     2     208
    EMEA     1          199
    EMEA South     1     1     169
    Coulmns for 2nd coumn chart:  Region, Priority, Q2,Q3,Q4 ()which is derived from 1st table.
    Region     Priority     Q2     Q3     Q4
    Other     D: End of Next Day     1568     1613     239
    Other     C: End of Day     983     893     119
    Other     A: 2 Hour     631     610     70
    Other     B: 4 Hour     396     318     56
    NA -
    North AmericaD: End of Next Day     2     2     514
    APJK     D: End of Next Day          3     297
    NA -
    North AmericaC: End of Day               284
    NA -
    North AmericaA: 2 Hour     1          170
    UK     D: End of Next Day               157
    APJK     C: End of Day     1     1     152
    Other     E: 3 - 5 Business Days     68     58     13
    EMEA North     D: End of Next Day          1     136
    CORPORATE     D: End of Next Day          4     107
    NA - North America     B: 4 Hour          1     104
    LA - Latin America     D: End of Next Day     1     1     86
    EMEA     D: End of Next Day               86
    UK     C: End of Day               85
    APJK     A: 2 Hour               79
    EMEA South     D: End of Next Day               72
    EMEA North     A: 2 Hour               69
    EMEA North     C: End of Day               56
    APJK     B: 4 Hour               55
    EMEA     C: End of Day     1          53
    LA - Latin America     C: End of Day               54
    UK     A: 2 Hour               49
    EMEA South     C: End of Day     1          44
    CORPORATE     A: 2 Hour          1     43
    CORPORATE     C: End of Day               44
    LA - Latin America     A: 2 Hour          1     42
    EMEA South     A: 2 Hour          1     32
    EMEA     B: 4 Hour               30
    UK     B: 4 Hour               30
    EMEA     A: 2 Hour               27
    EMEA North     B: 4 Hour     1          26
    NA -
    North AmericaE: 3 - 5 Business Days               25
    LA - Latin America     B: 4 Hour               23
    EMEA South     B: 4 Hour               20
    CORPORATE     B: 4 Hour               17
    APJK     E: 3 - 5 Business Days               13
    Other     F: 6 - 10 Business Days     6     4     
    Other     G: 11 - 20 Business Days     6     1

    Hi Srinivas,
    I'm using label based menu "filterd rows" only but i couldn't bind the drill down with the 1st stacked column chart.
    for mor details:
    1) i'm having 2 stacked coumn charts & 1 lebel based menu but eventhough i couldn't able to achieve.
    if i select the lebel based values then the 2nd stacked column charts is giving detailed valus but if i keep my mouse on the 1st stacked column chart the there is no changes on the 2nd chart..
    somewhere i'm mising the binding data between 1st stacked coumn chart & lebel based menu on drill down part.
    Becoz i'm having multiple rows. so can you please try your and send me the xlf file using your concept.

  • Column Chart with Multiple axes

    Hi folks
    I am using flex 2 charts for displaying data. I want to show my data using column chart with secondary axis. However columns for multiple series are coming one over another. here is the code I have attached:-
    But I want to put columns side by side. Any thoughts will be appreciated.
    Warm Regards
    Rush-me

    Any thoughts?
    Warm Regards
    Rush-me

  • Column chart with null data items

    I have a Column Chart with an ArrayCollection data provider.
    The data will sometimes have missing items in some "rows'. For
    example, it might look like this where the second object has no
    "Male" property:
    public var myData:ArrayCollection = new ArrayCollection([
    {School: "Priorford", All: 95, Male: 92, Female: 98},
    {School: "Giffnock", All: 87, Female: 89},
    {School: "Hastings", All: 80, Male: 78, Female: 82}
    Sometimes I get the following error:
    TypeError: Error #1009: Cannot access a property or method of
    a null object
    reference.
    at mx.charts.chartClasses::NumericAxis/mapCache()
    I'm assuming the error is because of missing data items, but
    I'm not 100% sure. Some data sets with missing items will display
    with no error. I can't see a pattern to those that don't.
    -- I can't produce the error when using a "static" data
    source set in the Flex app itself (such as the example above).
    These always display correctly, even with missing items.
    -- In the problem case, the source data comes from a MySQL
    database through a PHP script that is called with a Flex
    httpService. The returned data is parsed in Flex, and put into the
    ArrayCollection. I was suspecting that the returned data was flawed
    in some way, but the same ArrayCollection displays correctly in a
    DataGrid. The problem is only with the Chart.
    -- I can work round the problem by adding the missing
    properties and setting them to an empty value. But I don't think I
    should have to do this.
    Has anyone seen this problem, or know of any obvious thing I
    might be doing wrong.

    Thanks Arthur.
    Your first suggestion is effectively what I'm doing as a
    workaround. But it is a bit of a pain to have to account for this
    each time when displaying a chart. It's a particular problem when
    you don't know in advance what "categories" might be returned by
    the data and that have to be charted.
    My biggest concern is that this looks like a bug, and the
    fact that it seems to occur intermittently is a bit worrying. (I
    also know that eight out of ten reported "bugs" are user error,
    which is why I was wondering if anyone else had experienced this.)
    About your second suggestion, I think the interpolateValues
    property only applies to lineSeries.

  • XY Graph overlay multi plot with different colors

    Hi,
    I want to do a cyclic X-Y plot in a for loop and plot the graph for each cycle in different colors.
    I want a plot like XYgraph2 but with different colors and probably even without that tracing line. How do i modify my diagram?
    Thank you for your time and efforts.
    SUCHIT
    Suchit Shah
    Graduate Student
    Electrical & Computer Engineering,
    Northeastern University,
    BOSTON
    MA 02115
    Certified LabVIEW Associate Developer
    Solved!
    Go to Solution.
    Attachments:
    block dia.JPG ‏45 KB
    front dia.JPG ‏122 KB

    Hi all! This is my first post
    My name is Francesco and I'm programming a keithley for measure some FET
    using labview 8.6. I plot my output data on a XY graph but I have several curves,
    one for each value of Vgs. Looking in your forum I've found the code
    MultiplePlots.vi (21 kb) posted by Darin.K about a month ago that use Multiple
    plots and it is perfect for my goal because with this I can plot every curve with a
    different color. The only problem is that I like to plot my data in real time.
    The code, however, use a Loop with N=50, accumulates the values on the edge
    and plot at the end of the Loop the entire line.
    My question is if someone can explain me how to modify the code to plot the line
    point by point, so in real time and not at the end o the loop because I need to see
    the current values during the measurement and not only at the end.
    I think that I need to move the XYgraph inside the loop. I try but without lucky.
    Can anyone help me?
    thanks and sorry for my very bad english.
         Francesco

  • Stacked Column Chart with Lines

    Requirement:
    User stacked Column chart to display data for defects for 4 departments.
    1 or 2 lines to show baseline for defects(constant).
    Is there anyway that I can do that just like we can create one in Excel?
    (stack a Stacked column chart with a line chart is not a solution.)
    Any advises?
    Thanks,
    Wen

    Hi Wen,
    I realise that you are not going to get this to work with a standard component on its own. I think it might be possible to acheive it with overlaying barcharts and combination charts.
    My assumption is that you are looking for something that has a stack with 3 separate items in it. Two target lines crossing over the stacked chart.
    I will have a look at this to see if I can come up with something. Let me know if this is not your requirement.
    No, I don't work for SAP. I think those that do have the SAP logo beside them.
    Regards
    Alan

  • My brother dropped my iphone 6 on tile and its cracked and the screen is white with different colored lines down it. What do you suggest I do???

    Cracked iPhone 6 screen and screen is all white with different colors going down it. What do I do???

    Take it in for repair or exchange. Be prepared to write a pretty big check unless you bought AppleCare+.
    If your iPod Touch, iPhone, or iPad is Broken
    Apple does not fix iDevices. Instead, they exchange yours for a refurbished or new replacement depending upon the age of your device and refurbished inventories. On rare occasions when there are no longer refurbished units for your older model, they may replace it with the next newer model.
    ATTN: Beginning July 2013 Apple Stores are now equipped to do screen repairs/replacements in-house on iPhone 5 and 5C. In some cases while you wait. According to Apple this is the beginning of equipping Apple Stores with the resources needed to do most repairs for iPhones, iPads, and iPod Touches that would not require major replacements. Later in the year the services may be extended as Apple Stores become equipped and staffed with the proper repair expertise. So, if you need a screen repaired or a broken screen replaced or have your stuck Home button fixed, call your local Apple Store to see if they are now doing these in-house.
    You may take your device to an Apple retailer for help or you may call Customer Service and arrange to send your device to Apple:
    Apple Store Customer Service at 1-800-676-2775 or visit online Help for more information.
    To contact product and tech support: Contacting Apple for support and service - this includes international calling numbers.
    You will find respective repair costs in the appropriate link:
    iPod Service Support and Costs
    iPhone Service Support and Costs
    iPad Service Support and Costs
    There are third-party firms that do repairs on iDevices, and there are places where you can order parts to DIY if you feel up to the task:
    1. iResq or Google for others.
    2. Buy and replace screen yourself: iFixit

Maybe you are looking for