• Demos
    • JavaScript Charts
    • JavaScript StockCharts
  • Download
    • Download Chart
    • Download StockChart
  • Integrations
    • Front End Technology Samples
      • React Charts
      • Angular Charts
      • Vue.js Charts New!
      • jQuery Charts
      • Dashboards
    • Server Side Technology Samples
      • PHP Charts
      • Python Charts New!
      • ASP.NET MVC Charts
      • Spring MVC Charts
      • JSP Charts
  • License
  • Blog
  • Docs
    • Chart Documentation
    • StockChart Documentation
  • Support Forum
    • Chart Support
    • StockChart Support
  • My Account
  • My Account
  • KEY FEATURES
    • Chart with Index / Data Label
    • Chart with Zooming / Panning
    • Chart using JSON Data
    • Chart with Animation
    • Multi Series Chart
    • Chart with Multiple Axes
    • Chart with Crosshair
    • Chart with Scale Breaks
    • Chart with Logarithmic Axis
    • Performance with 50,000 Data Points
    • Responsive Charts
    • Chart with Drilldown
  • LINE CHARTS
    • Line Chart
    • Spline Chart
    • Step Line Chart
  • AREA CHARTS
    • Area Chart
    • Multi Series Area Chart with Date Time Axis
    • Spline Area Chart
    • Step Area Chart
    • Range Area Chart
    • Range Spline Area Chart
    • Stacked Area Chart
    • Stacked Area 100% Chart
  • COLUMN & BAR CHARTS
    • Column Chart
    • Bar Chart
    • Range Column Chart
    • Stacked Column Chart
    • Stacked Column 100% Chart
    • Range Bar Chart
    • Stacked Bar Chart
    • Stacked Bar 100% Chart
    • Waterfall Chart
  • PIE & FUNNEL CHARTS
    • Pie Chart
    • Pie Chart with Index Labels Placed Inside
    • Doughnut Chart
    • Funnel Chart
    • Funnel Chart with Custom Neck
    • Pyramid Chart
  • FINANCIAL CHARTS
    • Candlestick Chart
    • Candlestick Chart from JSON
    • OHLC Chart
  • SCATTER & BUBBLE CHARTS
    • Scatter Chart
    • Scatter Chart with Custom Markers
    • Bubble Chart
  • BOX & WHISKER CHARTS
    • Box and Whisker Chart
    • Box and Whisker Chart with Customization
  • COMBINATION CHARTS
    • Error chart
    • Error Line Chart
    • Pareto Chart
    • Combination of Range Spline Area and Spline Charts
  • DYNAMIC CHARTS
    • Dynamic Line Chart
    • Dynamic Column Chart
    • Dynamic Multi Series Chart
  • DATA BINDING
    • Chart from CSV
    • Chart from XML
    • Chart Data from Database
  • REACT, ANGULAR, VUE.JS, JQUERY
    • React Charts
    • Angular Charts
    • Vue.js Charts
    • jQuery Charts
    • JavaScript Charts
  • SERVER SIDE TECHNOLOGIES
    • ASP.NET MVC Charts
    • PHP Charts
    • Python Charts
    • JSP Charts

Spring MVC Dynamic / Live Multi Series Chart

Download Spring MVC Chart Samples
  • Spring MVC Chart Samples
  • JavaScript Chart Samples
  • React Chart Samples
  • Angular Chart Samples
  • Vue.js Chart Samples
  • jQuery Chart Samples
  • PHP Chart Samples
  • Python Django Chart Samples
  • ASP.NET Chart Samples
  • JSP Chart Samples
  • Dashboard Samples
  • JavaScript StockChart Samples


  • View
  • Controller
  • Service
  • DAO
  • Model
<!-- chart.jsp-->
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript">
window.onload = function() {
	
var dataPoints = [[],[]];
var chart = new CanvasJS.Chart("chartContainer", {
	zoomEnabled: true,
	  theme: "light2",
		title: {
			text: "Pollutant Level in a City"
		},
		axisX: {
			title: "chart updates every 1.5 secs",
		    interval: 30,
		    intervalType: "second"
		},
		axisY:{
			title: "Concentration (in µg/m3)"
		}, 
		toolTip: {
			shared: true
		},
		legend: {
			cursor:"pointer",
			verticalAlign: "top",
			fontSize: 20,
			fontColor: "dimGrey",
			itemclick : toggleDataSeries
		},
		data: [{ 
			type: "line",
			xValueType: "dateTime",
			yValueFormatString: "#,##0.0 µg/m3",
			xValueFormatString: "hh:mm:ss TT",
			showInLegend: true,
			name: "PM2.5",
			dataPoints: dataPoints[0]
		},
		{				
			type: "line",
			xValueType: "dateTime",
			yValueFormatString: "#,##0.0 µg/m3",
			showInLegend: true,
			name: "NO2" ,
			dataPoints: dataPoints[1]
		}]
	});

var yValue;
var xValue;

<c:forEach items="${dataPointsList}" var="dataPoints" varStatus="loop">
	<c:forEach items="${dataPoints}" var="dataPoint">
		yValue = parseFloat("${dataPoint.y}");
		xValue = parseInt("${dataPoint.x}");
		dataPoints["${loop.index}"].push({
			x : xValue,
			y : yValue,
		});
	</c:forEach>
</c:forEach>

chart.render();

function toggleDataSeries(e) {
	if (typeof(e.dataSeries.visible) === "undefined" || e.dataSeries.visible) {
		e.dataSeries.visible = false;
	}
	else {
		e.dataSeries.visible = true;
	}
	chart.render();
}

var updateInterval = 1500;
// initial value
var yValue1 = 85; 
var yValue2 = 60;

var time = new Date;
// starting at 6.30 am
time.setHours(6);
time.setMinutes(32);
time.setSeconds(30);
time.setMilliseconds(00);

function updateChart(count) {
	count = count || 1;
	var deltaY1, deltaY2;
	for (var i = 0; i < count; i++) {
		time.setTime(time.getTime()+ updateInterval);
		deltaY1 = 1 + Math.random() *(-1-1);
		deltaY2 = 0.5 + Math.random() *(-0.5-0.5);

	// adding random value and rounding it to two digits. 
	yValue1 = Math.max(Math.round((yValue1 + deltaY1)*10)/10, 10);
	yValue2 = Math.max(Math.round((yValue2 + deltaY2)*10)/10, 5);

	// pushing the new values
	dataPoints[0].push({
		x: time.getTime(),
		y: yValue1
	});
	dataPoints[1].push({
		x: time.getTime(),
		y: yValue2
	});
	}

	// updating legend text with  updated with y Value 
	chart.options.data[0].legendText = " PM2.5  " + yValue1 + " µg/m3";
	chart.options.data[1].legendText = " NO2  " + yValue2 + " µg/m3"; 
	chart.render();
}

setInterval(function(){updateChart()}, updateInterval);

}
</script>
</head>
<body>
<div id="chartContainer" style="height: 370px; width: 100%;"></div>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
</body>
</html>                              
//CanvasjsChartController.java
package com.canvasjs.chart.controllers;

import java.util.List;
import java.util.Map;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

import com.canvasjs.chart.services.CanvasjsChartService;

@Controller
@RequestMapping("/canvasjschart")
public class CanvasjsChartController {

	@Autowired
	private CanvasjsChartService canvasjsChartService;

	@RequestMapping(method = RequestMethod.GET)
	public String springMVC(ModelMap modelMap) {
		List<List<Map<Object, Object>>> canvasjsDataList = canvasjsChartService.getCanvasjsChartData();
		modelMap.addAttribute("dataPointsList", canvasjsDataList);
		return "chart";
	}

}                        
//CanvasjsChartService.java
package com.canvasjs.chart.services;

import java.util.List;
import java.util.Map;

public interface CanvasjsChartService {

	List<List<Map<Object, Object>>> getCanvasjsChartData();

}


//CanvasjsChartServiceImpl.java
package com.canvasjs.chart.services;

import java.util.List;
import java.util.Map;

import org.springframework.beans.factory.annotation.Autowired;

import com.canvasjs.chart.daos.CanvasjsChartDao;

public class CanvasjsChartServiceImpl implements CanvasjsChartService {

	@Autowired
	private CanvasjsChartDao canvasjsChartDao;

	public void setCanvasjsChartDao(CanvasjsChartDao canvasjsChartDao) {
		this.canvasjsChartDao = canvasjsChartDao;
	}

	@Override
	public List<List<Map<Object, Object>>> getCanvasjsChartData() {
		return canvasjsChartDao.getCanvasjsChartData();
	}

}                        
//CanvasjsChartDao.java
package com.canvasjs.chart.daos;

import java.util.List;
import java.util.Map;

public interface CanvasjsChartDao {

	List<List<Map<Object, Object>>> getCanvasjsChartData();

}

//CanvasjsChartDaoImpl.java
package com.canvasjs.chart.daos;

import java.util.List;
import java.util.Map;

import com.canvasjs.chart.data.CanvasjsChartData;

public class CanvasjsChartDaoImpl implements CanvasjsChartDao {

	@Override
	public List<List<Map<Object, Object>>> getCanvasjsChartData() {
		return CanvasjsChartData.getCanvasjsDataList();
	}

}                        
//CanvasjsChartData.java
package com.canvasjs.chart.data;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class CanvasjsChartData {

	static Map<Object,Object> map = null;
	static List<List<Map<Object,Object>>> list = new ArrayList<List<Map<Object,Object>>>();
	static List<Map<Object,Object>> dataPoints1 = new ArrayList<Map<Object,Object>>();
	static List<Map<Object,Object>> dataPoints2 = new ArrayList<Map<Object,Object>>();
	
	static {
		map = new HashMap<Object,Object>(); map.put("x", 1518138001500L); map.put("y", 85.6);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138003000L); map.put("y", 85.5);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138004500L); map.put("y", 84.9);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138006000L); map.put("y", 84.1);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138007500L); map.put("y", 83.4);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138009000L); map.put("y", 83.8);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138010500L); map.put("y", 83.9);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138012000L); map.put("y", 83.8);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138013500L); map.put("y", 83.9);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138015000L); map.put("y", 83.2);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138016500L); map.put("y", 83.2);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138018000L); map.put("y", 83.9);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138019500L); map.put("y", 83.7);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138021000L); map.put("y", 83);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138022500L); map.put("y", 82.8);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138024000L); map.put("y", 83.5);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138025500L); map.put("y", 82.6);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138027000L); map.put("y", 83.2);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138028500L); map.put("y", 82.6);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138030000L); map.put("y", 83);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138031500L); map.put("y", 83.1);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138033000L); map.put("y", 83.8);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138034500L); map.put("y", 83.1);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138036000L); map.put("y", 84);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138037500L); map.put("y", 83.8);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138039000L); map.put("y", 84);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138040500L); map.put("y", 84.5);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138042000L); map.put("y", 83.9);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138043500L); map.put("y", 83.6);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138045000L); map.put("y", 83.7);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138046500L); map.put("y", 82.9);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138048000L); map.put("y", 82);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138049500L); map.put("y", 81.2);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138051000L); map.put("y", 81.7);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138052500L); map.put("y", 81.4);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138054000L); map.put("y", 82.2);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138055500L); map.put("y", 82.8);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138057000L); map.put("y", 83.6);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138058500L); map.put("y", 83.4);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138060000L); map.put("y", 82.7);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138061500L); map.put("y", 82.9);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138063000L); map.put("y", 83.8);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138064500L); map.put("y", 83.1);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138066000L); map.put("y", 83.1);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138067500L); map.put("y", 82.1);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138069000L); map.put("y", 82.6);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138070500L); map.put("y", 82.3);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138072000L); map.put("y", 82);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138073500L); map.put("y", 82.6);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138075000L); map.put("y", 82.9);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138076500L); map.put("y", 83.2);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138078000L); map.put("y", 82.7);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138079500L); map.put("y", 83.3);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138081000L); map.put("y", 83.4);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138082500L); map.put("y", 84.4);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138084000L); map.put("y", 84.3);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138085500L); map.put("y", 85.3);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138087000L); map.put("y", 85.3);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138088500L); map.put("y", 84.5);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138090000L); map.put("y", 84);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138091500L); map.put("y", 84.1);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138093000L); map.put("y", 83.2);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138094500L); map.put("y", 83.9);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138096000L); map.put("y", 84.5);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138097500L); map.put("y", 84.5);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138099000L); map.put("y", 84.3);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138100500L); map.put("y", 84.5);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138102000L); map.put("y", 83.7);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138103500L); map.put("y", 83.3);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138105000L); map.put("y", 83.9);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138106500L); map.put("y", 84.7);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138108000L); map.put("y", 83.9);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138109500L); map.put("y", 84);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138111000L); map.put("y", 83.3);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138112500L); map.put("y", 83.4);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138114000L); map.put("y", 83.5);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138115500L); map.put("y", 83.5);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138117000L); map.put("y", 83);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138118500L); map.put("y", 83);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138120000L); map.put("y", 82.6);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138121500L); map.put("y", 83.5);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138123000L); map.put("y", 83.4);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138124500L); map.put("y", 83.4);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138126000L); map.put("y", 82.8);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138127500L); map.put("y", 82.6);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138129000L); map.put("y", 83.3);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138130500L); map.put("y", 83.6);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138132000L); map.put("y", 82.6);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138133500L); map.put("y", 83.2);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138135000L); map.put("y", 83.7);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138136500L); map.put("y", 84.5);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138138000L); map.put("y", 85);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138139500L); map.put("y", 84.8);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138141000L); map.put("y", 84.9);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138142500L); map.put("y", 84.6);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138144000L); map.put("y", 84);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138145500L); map.put("y", 84.6);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138147000L); map.put("y", 84.6);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138148500L); map.put("y", 84.9);dataPoints1.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138150000L); map.put("y", 85.4);dataPoints1.add(map);		
		
		map = new HashMap<Object,Object>(); map.put("x", 1518138001500L); map.put("y", 60.3);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138003000L); map.put("y", 60.7);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138004500L); map.put("y", 61.1);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138006000L); map.put("y", 60.9);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138007500L); map.put("y", 61.2);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138009000L); map.put("y", 61.7);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138010500L); map.put("y", 61.7);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138012000L); map.put("y", 61.2);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138013500L); map.put("y", 61);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138015000L); map.put("y", 60.6);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138016500L); map.put("y", 60.6);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138018000L); map.put("y", 60.8);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138019500L); map.put("y", 60.3);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138021000L); map.put("y", 59.8);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138022500L); map.put("y", 59.8);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138024000L); map.put("y", 59.9);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138025500L); map.put("y", 60.1);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138027000L); map.put("y", 60);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138028500L); map.put("y", 59.7);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138030000L); map.put("y", 59.8);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138031500L); map.put("y", 59.7);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138033000L); map.put("y", 59.3);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138034500L); map.put("y", 58.9);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138036000L); map.put("y", 58.8);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138037500L); map.put("y", 58.5);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138039000L); map.put("y", 58.2);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138040500L); map.put("y", 57.9);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138042000L); map.put("y", 57.8);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138043500L); map.put("y", 58.2);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138045000L); map.put("y", 58.6);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138046500L); map.put("y", 58.2);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138048000L); map.put("y", 58.3);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138049500L); map.put("y", 58.3);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138051000L); map.put("y", 58.1);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138052500L); map.put("y", 58.4);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138054000L); map.put("y", 58.6);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138055500L); map.put("y", 58.5);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138057000L); map.put("y", 58.5);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138058500L); map.put("y", 58.8);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138060000L); map.put("y", 58.4);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138061500L); map.put("y", 58.5);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138063000L); map.put("y", 58.7);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138064500L); map.put("y", 58.6);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138066000L); map.put("y", 58.4);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138067500L); map.put("y", 58.3);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138069000L); map.put("y", 58.4);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138070500L); map.put("y", 57.9);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138072000L); map.put("y", 58.1);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138073500L); map.put("y", 57.7);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138075000L); map.put("y", 57.6);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138076500L); map.put("y", 57.9);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138078000L); map.put("y", 57.5);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138079500L); map.put("y", 57.7);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138081000L); map.put("y", 57.4);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138082500L); map.put("y", 57.6);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138084000L); map.put("y", 57.6);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138085500L); map.put("y", 57.1);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138087000L); map.put("y", 57.1);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138088500L); map.put("y", 57);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138090000L); map.put("y", 57);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138091500L); map.put("y", 57.2);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138093000L); map.put("y", 57);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138094500L); map.put("y", 57.4);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138096000L); map.put("y", 57.3);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138097500L); map.put("y", 57.8);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138099000L); map.put("y", 58.3);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138100500L); map.put("y", 58.6);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138102000L); map.put("y", 58.4);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138103500L); map.put("y", 58.1);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138105000L); map.put("y", 58.1);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138106500L); map.put("y", 58);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138108000L); map.put("y", 57.8);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138109500L); map.put("y", 57.5);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138111000L); map.put("y", 57.7);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138112500L); map.put("y", 57.4);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138114000L); map.put("y", 57.6);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138115500L); map.put("y", 57.7);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138117000L); map.put("y", 57.7);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138118500L); map.put("y", 57.4);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138120000L); map.put("y", 57.9);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138121500L); map.put("y", 57.9);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138123000L); map.put("y", 57.8);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138124500L); map.put("y", 57.4);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138126000L); map.put("y", 57);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138127500L); map.put("y", 57);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138129000L); map.put("y", 56.7);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138130500L); map.put("y", 56.3);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138132000L); map.put("y", 55.9);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138133500L); map.put("y", 56.2);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138135000L); map.put("y", 56.2);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138136500L); map.put("y", 55.8);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138138000L); map.put("y", 55.4);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138139500L); map.put("y", 55.7);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138141000L); map.put("y", 56);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138142500L); map.put("y", 55.9);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138144000L); map.put("y", 55.4);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138145500L); map.put("y", 55.5);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138147000L); map.put("y", 55.3);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138148500L); map.put("y", 54.9);dataPoints2.add(map);
		map = new HashMap<Object,Object>(); map.put("x", 1518138150000L); map.put("y", 55.8);dataPoints2.add(map);
		
		list.add(dataPoints1);
		list.add(dataPoints2);
	}

	public static List<List<Map<Object, Object>>> getCanvasjsDataList() {
		return list;
	}
}                        
© fenopix
  • About Us
  • FAQs
  • Careers
  • Privacy Policy
Server Side Technologies
  • ASP.NET MVC Charts
  • PHP Charts
  • JSP Charts
  • Spring MVC Charts
Front End Technologies
  • JavaScript Charts
  • jQuery Charts
  • React Charts
  • Angular Charts
  • JavaScript StockCharts
Contact
  • Fenopix, Inc.
  • 2093 Philadelphia Pike,
  • #5678, Claymont,
  • Delaware 19703
  • United States Of America