Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- В конце body
- <script>
- $(document).ready(function () {
- var arrayOfhiddenValues_1 = $("#ind1").map(function () {
- return this.value;
- }).get();
- var arrayOfhiddenValues_2 = $("#ind2").map(function () {
- return this.value;
- }).get();
- var arrayOfhiddenValues_3 = $("#ind3").map(function () {
- return this.value;
- }).get();
- Chart.defaults.global.defaultFontFamily = "Lato";
- Chart.defaults.global.defaultFontSize = 18;
- Chart.defaults.global.defaultFontColor = "white";
- var chartOptions = {
- legend: {
- display: true,
- position: 'top',
- labels: {
- boxWidth: 80,
- fontColor: "white"
- }
- }
- };
- var barChartData_1 =
- {
- label: "First_label",
- data: [arrayOfhiddenValues_1],
- backgroundColor: [
- 'rgba(255, 180, 0, 1)'
- ]
- };
- var barChartData_2 =
- {
- label: "Second_label",
- data: [arrayOfhiddenValues_2],
- backgroundColor: [
- 'rgba(0,170, 255, 1)'
- ]
- };
- var barChartData_3 =
- {
- label: "Third_label",
- data: [arrayOfhiddenValues_3],
- backgroundColor: [
- 'rgba(255, 200, 0, 1)'
- ]
- };
- window.onload = function any_function_name()
- {
- var denCanvas_1 = document.getElementById('canvas-0');
- var barChart_1 = new Chart(denCanvas_1, {
- type: 'bar',
- data: {
- labels: ["jj"],
- datasets: [barChartData_1]
- },
- options: chartOptions
- })
- var denCanvas_2 = document.getElementById('canvas-1');
- var barChart_2 = new Chart(denCanvas_2, {
- type: 'bar',
- data: {
- labels: ["jj"],
- datasets: [barChartData_2]
- },
- options: chartOptions
- })
- var denCanvas_3 = document.getElementById('canvas-2');
- var barChart_3 = new Chart(denCanvas_3, {
- type: 'bar',
- data: {
- labels: ["jj"],
- datasets: [barChartData_3]
- },
- options: chartOptions
- })
- }
- });
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement