content-security-policy.js 1006 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. var utils = Samples.utils;
  2. // CSP: disable automatic style injection
  3. Chart.platform.disableCSSInjection = true;
  4. utils.srand(110);
  5. function generateData() {
  6. var DATA_COUNT = 16;
  7. var MIN_XY = -150;
  8. var MAX_XY = 100;
  9. var data = [];
  10. var i;
  11. for (i = 0; i < DATA_COUNT; ++i) {
  12. data.push({
  13. x: utils.rand(MIN_XY, MAX_XY),
  14. y: utils.rand(MIN_XY, MAX_XY),
  15. v: utils.rand(0, 1000)
  16. });
  17. }
  18. return data;
  19. }
  20. window.addEventListener('load', function() {
  21. new Chart('chart-0', {
  22. type: 'bubble',
  23. data: {
  24. datasets: [{
  25. backgroundColor: utils.color(0),
  26. data: generateData()
  27. }, {
  28. backgroundColor: utils.color(1),
  29. data: generateData()
  30. }]
  31. },
  32. options: {
  33. aspectRatio: 1,
  34. legend: false,
  35. tooltip: false,
  36. elements: {
  37. point: {
  38. radius: function(context) {
  39. var value = context.dataset.data[context.dataIndex];
  40. var size = context.chart.width;
  41. var base = Math.abs(value.v) / 1000;
  42. return (size / 24) * base;
  43. }
  44. }
  45. }
  46. }
  47. });
  48. });