|
33 | 33 | }
|
34 | 34 |
|
35 | 35 | function randomBar(date, lastClose) {
|
36 |
| - var open = randomNumber(lastClose * 0.95, lastClose * 1.05); |
37 |
| - var close = randomNumber(open * 0.95, open * 1.05); |
| 36 | + var open = randomNumber(lastClose * 0.95, lastClose * 1.05).toFixed(2); |
| 37 | + var close = randomNumber(open * 0.95, open * 1.05).toFixed(2); |
38 | 38 | return {
|
39 | 39 | t: date.valueOf(),
|
40 | 40 | y: close
|
|
44 | 44 | var dateFormat = 'MMMM DD YYYY';
|
45 | 45 | var date = moment('April 01 2017', dateFormat);
|
46 | 46 | var data = [randomBar(date, 30)];
|
47 |
| - var labels = [date]; |
48 | 47 | while (data.length < 60) {
|
49 | 48 | date = date.clone().add(1, 'd');
|
50 | 49 | if (date.isoWeekday() <= 5) {
|
51 | 50 | data.push(randomBar(date, data[data.length - 1].y));
|
52 |
| - labels.push(date); |
53 | 51 | }
|
54 | 52 | }
|
55 | 53 |
|
|
61 | 59 | var cfg = {
|
62 | 60 | type: 'bar',
|
63 | 61 | data: {
|
64 |
| - labels: labels, |
65 | 62 | datasets: [{
|
66 | 63 | label: 'CHRT - Chart.js Corporation',
|
67 | 64 | backgroundColor: color(window.chartColors.red).alpha(0.5).rgbString(),
|
|
80 | 77 | type: 'time',
|
81 | 78 | distribution: 'series',
|
82 | 79 | ticks: {
|
83 |
| - source: 'labels' |
| 80 | + source: 'data', |
| 81 | + autoSkip: true |
84 | 82 | }
|
85 | 83 | }],
|
86 | 84 | yAxes: [{
|
|
89 | 87 | labelString: 'Closing price ($)'
|
90 | 88 | }
|
91 | 89 | }]
|
| 90 | + }, |
| 91 | + tooltips: { |
| 92 | + intersect: false, |
| 93 | + mode: 'index', |
| 94 | + callbacks: { |
| 95 | + label: function(tooltipItem, myData) { |
| 96 | + var label = myData.datasets[tooltipItem.datasetIndex].label || ''; |
| 97 | + if (label) { |
| 98 | + label += ': '; |
| 99 | + } |
| 100 | + label += parseFloat(tooltipItem.value).toFixed(2); |
| 101 | + return label; |
| 102 | + } |
| 103 | + } |
92 | 104 | }
|
93 | 105 | }
|
94 | 106 | };
|
| 107 | + |
95 | 108 | var chart = new Chart(ctx, cfg);
|
96 | 109 |
|
97 | 110 | document.getElementById('update').addEventListener('click', function() {
|
|
0 commit comments