Line chart

Line chart (line)

  • Item 1
  • Item 2
  • Item 3

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Line Chart”

Design: Line

Style: Custom

Show legend: Yes

Show hover values: Yes

X-axis values: JAN; FEB; MAR; APR; MAY; JUN

Title: Item 1
Y-axis values: 130; 134; 139; 142; 144; 145

Custom color: #ff9804

Title: Item 2
Y-axis values: 130; 140; 149; 155; 158; 160

Custom color: #fbe523

Title: Item 3
Y-axis values: 130; 126; 128; 134; 136; 133

Custom color: #f44336

Animation: Cubic[dt_gap height=”10″ /]

  • Item 1
  • Item 2

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Line Chart”

Design: Line

Style: Custom

Show legend: Yes

Show hover values: Yes

X-axis values: JAN; FEB; MAR; APR; MAY; JUN; JUL; AUG

Title: Item 1
Y-axis values: 110; 15; 20; 25; 27; 25; 23; 25

Custom color: #cddc38

Title: Item 2
Y-axis values: 25; 18; 16; 17; 20; 25; 30; 35

Custom color: #2196f3

Animation: Cubic[dt_gap height=”10″ /]

Line chart (bar)

  • Item 1
  • Item 2

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Line Chart”

Design: Bar

Style: Custom

Show legend: Yes

Show hover values: Yes

X-axis values: JAN; FEB; MAR; APR; MAY; JUN

Title: Item 1
Y-axis values: 28; 34; 46; 50; 52; 54

Custom color: #e91e63

Title: Item 2
Y-axis values: 20; 25; 32; 35; 32; 26

Custom color: #cddc38

Animation: Sine[dt_gap height=”10″ /]

  • Item 1
  • Item 2
  • Item 3

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Line Chart”

Design: Bar

Style: Custom

Show legend: Yes

Show hover values: Yes

X-axis values: Period 1; Period 2; Period 3

Title: Item 1
Y-axis values: 234; 25; 20

Custom color: #9c27b0

Title: Item 2
Y-axis values: 25; 18; 16

Custom color: #04a9f4

Title: Item 3
Y-axis values: 29; 22; 18

Custom color: #3f51b5

Animation: Cubic[dt_gap height=”10″ /]