PrexView

beta Sign Up Log in Pricing Products API & Docs

Templates

Templates

Template Helpers

Print

Graphics

Format

Mixed

Loops

Search

Conditions

Math

Transform

Context

lineChart

Print a line chart graphic.

1
{{$lineChart data="1,2,3,5,8,13,21"}}
Example
format JSON XML
Data JSON
1
2
3
4
5
{
  "Product": {
    "sales": "1,2,3,5,8,13,21"
  }
}
HTML
1
{{$lineChart data=Product.sales}}
Result
Data XML
1
2
<Product sales="1,2,3,5,8,13,21">
</Product>
HTML
1
{{$lineChart data=Product._sales}}
Result

Params

Custom example

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
{{$lineChart
  data="1,2,3,5,8,13,21"
  labelTexts="xx"
  labelTextsRepeat=true
  width=300
  height=200
  noX=false
  noY=false
  noXPoints=false
  noYPoints=false
  noXLine=false
  noYLine=false
  noXText=false
  noYText=false
  noXGrid=false
  noYGrid=false
  noPoints=false
  noLabel=false
  noLine=false
  noArea=false
  marginTop=30
  marginRight=20
  marginBottom=30
  marginLeft=40
  textFontFamily="arial, helvetica, sans"
  xFontSize=9
  xTextColor="grey"
  xLineColor="#ccc"
  xPointColor="grey"
  yFontSize=9
  yTextColor="grey"
  yLineColor="#ccc"
  yPointColor="#2583de"
  yTotalLines=5
  lineColor="#2583de"
  lineWidth=2
  pointWidth=10
  pointColor="white"
  pointFontColor="#2583de"
  pointFontSize=12
  pointFontOffset=-1
  pointBorderColor="#2583de"
  pointBorderWidth=1
  areaColor="#2583de"
  areaOpacity=0.2
  gridColor="grey"
  gridOpacity=0.1
  fit=false
}}

Result