Chart shape question

Hi,
I have a two question.
first of all I made datas like the below.

0:0 0% 1:0 10% 1:30 20% 3:0 10%

0~1 => 0
1~1:30=>10
1:30~3:00=>20
3~4=>10

  1. I 'd like to show like the attached graph_goal.jpg
    but it shows like the attached graph_org.jpg

so I add like the below.

1:30
10%

the graph shows like (0 1 1:30 1:30 3 4 ) in the x axis

Is that possible the shape i like? (i use area chart)

  1. This is another question.
    when I add data like (0 1 1:30 3 4) in the x axis.
    the graph have to be shown like (0 1 1:30 3 4) in the x axis.
    but I’d like to show like (0 1 2 3 4) in the x axis.
    Is that possible?

at last I don’t know this problem depends on me or product.
please help me asap.
thank you.

ps. reference site
chartschool.kr/gallery/gallery.aspx (단계형차트.Png)
the 5th chart (additionally filled in the line)in left to the right order.
graph.zip (16.2 KB)

Is that possible the shape i like? (i use area chart)

Infortunately, area chart can not represented as it is shown on the graph_goal.jpg picture.

but I’d like to show like (0 1 2 3 4) in the x axis.

You may set template for xAxis labels:

var chart = new dhtmlXChart({ view:"area", ... xAxis:{ lines:true, title:"sales per year", template:function(obj){ return chart.indexById(obj.id) } } })