This is the dex.js line chart.
- dex.js The main site
license: mit |
<!DOCTYPE html> | |
<head> | |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.css"/> | |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.css"> | |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.theme.min.css"> | |
<link rel="stylesheet" href="https://dexjs.net/js/dex-jquery.css"> | |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css"/> | |
<link rel="stylesheet" href="https://dexjs.net/js/dex-bootstrap.css"> | |
<link rel="stylesheet" href="https://dexjs.net/js/dex.css"> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> | |
<script src="https://dexjs.net/js/dex-jquery.js"></script> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> | |
<script src="https://dexjs.net/js/dex-bootstrap.js"></script> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script> | |
<script src="https://dexjs.net/js/dex-libs.js"></script> | |
<script src="https://dexjs.net/js/dex.js"></script> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/Faker/3.1.0/faker.min.js"></script> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.14/c3.min.js"></script> | |
<style> | |
html, body, #LineChart { | |
height: 100%; | |
min-height: 100%; | |
width: 100%; | |
min-width: 100%; | |
} | |
</style> | |
</head> | |
<div id="LineChart"></div> | |
<body> | |
<script> | |
var lineChart = dex.charts.c3.LineChart({ | |
'parent': '#LineChart', | |
'csv': new dex.csv(['SAMPLE', 'A', 'B', 'C'], | |
dex.datagen.randomIndexedMatrix({ | |
'rows': 30, | |
'columns': 4, | |
'min': 1, | |
'max': 100 | |
})) | |
}).render(); | |
</script> | |
</body> |