How can customize bar chart , in ext.net MVC

  1. #1

    How can customize bar chart , in ext.net MVC

    Hi , I want to show data in bar chart like this pictureClick image for larger version. 

Name:	1.png 
Views:	75 
Size:	35.5 KB 
ID:	24893

    but after try for some hours I succeeded to show Click image for larger version. 

Name:	2.png 
Views:	64 
Size:	61.3 KB 
ID:	24894

    how can I make something like that in ext.net chart?
  2. #2
    Hello @sahar2017! Welcome to Ext.NET forums!

    First, you don't want a stacked chart, you want a simple column chart, like this:
    - Charting - Column Chart

    Then, you want to define a custom theme (or use one of the existing themes) to color the bars:
    - Charts themes. The example is showing for a horizontal bar chart, but it is analogous in the vertical bar / column chart.
    - Specifying the colors yourself. In this case, it fancies with gradient chart colors, you can just fall back to solid colors, by using an HTML color instead of the gradient references 'url(#v-1)' in the example.

    To unstack the chart you can just drop the Stacked="true" property (or set it as false) in your <ext:ColumnSeries /> block.

    I hope this helps!
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. Customize NumericAxis and CategoryAxis
    By thanhnv2104 in forum 3.x Help
    Replies: 2
    Last Post: Feb 03, 2016, 12:39 AM
  2. PropertyGrid : How to customize it?
    By brunweb in forum 2.x Help
    Replies: 1
    Last Post: Jan 15, 2015, 11:37 AM
  3. [CLOSED] Customize label in stacked columns chart
    By Svr77 in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: Nov 24, 2013, 11:54 PM
  4. Ext.Net Webdesktop customize shortcuts
    By blue in forum 1.x Help
    Replies: 3
    Last Post: Apr 05, 2011, 1:12 PM
  5. How to Customize Time in CalendarPanel
    By dotnet in forum 1.x Help
    Replies: 0
    Last Post: Mar 17, 2011, 5:34 PM

Tags for this Thread

Posting Permissions