Chart.js-RangeSlider

by sckull

HTML

<script type="text/javascript" src="https://gitcdn.link/cdn/schme16/Chart.js-RangeSlider/2dc49a0980ca04ca2690bc5f1c9e3644e4207b5a/dist/RangeSlider-all.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/14.6.2/nouislider.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/14.6.2/nouislider.min.js"></script>

<div class="container">
   <canvas id="chacha-LluviaHistorica" width="500" height="300"></canvas>
</div>

JavaScript

// line chart data
var iniDataLluviaHistorica = {
  labels:['1901', '1902', '1903', '1904', '1905', '1906', '1907', '1908', '1909', '1910', '1911', '1912', '1913', '1914', '1915', '1916', '1917', '1918', '1919', '1920', '1921', '1922', '1923', '1924', '1925', '1926', '1927', '1928', '1929', '1930', '1931', '1932', '1933', '1934', '1935', '1936', '1937', '1938', '1939', '1940', '1941', '1942', '1943', '1944', '1945', '1946', '1947', '1948', '1949', '1950', '1951', '1952', '1953', '1954', '1955', '1956', '1957', '1958', '1959', '1960', '1961', '1962', '1963', '1964', '1965', '1966', '1967', '1968', '1969', '1970', '1971', '1972', '1973', '1974', '1975', '1976', '1977', '1978', '1979', '1980', '1981', '1982', '1983', '1984', '1985', '1986', '1987', '1988', '1989', '1990', '1991', '1992', '1993', '1994', '1995', '1996', '1997', '1998', '1999', '2000', '2001', '2002', '2003', '2004', '2005', '2006', '2007', '2008', '2009', '2010', '2011', '2012'],
  datasets:[{
    label: "mm",
    fillColor:"rgb(172,194,132)",
    strokeColor:"#C45662",
    pointColor:"#C45662",
    pointStrokeColor:"#fff",
    pointHighlightFill: "#fff",
    pointHighlightStroke: "#C45662",
    /*You only put numeric data here*/
    data:['211.55371', 
    			'204.93095', 
          '202.50877', 
          '208.61919', 
          '211.21101', 
          '207.94926', 
          '213.00833', 
          '207.60774', 
          '211.65239', 
          '212.5101', 
          '202.38377', 
          '213.02039', 
          '222.86563', 
          '218.00789', 
          '212.88528', 
          '226.84746', 
          '209.75461', 
          '209.52115', 
          '235.4366', 
          '215.4399', 
          '245.99374', 
          '212.12247', 
          '156.58318', 
          '242.09317', 
          '169.45', 
          '240.72871', 
          '233.95193', 
          '201.97067', 
          '233.46028', 
          '208.33467', 
          '231.2939', 
          '236.15967', 
          '251.98616', 
   ...