point_r.html 648 B

12345678910111213141516171819202122232425262728
  1. <html>
  2. <head>
  3. <link rel="stylesheet" type="text/css" href="/css/c3.css">
  4. </head>
  5. <body>
  6. <div id="chart"></div>
  7. <script src="http://d3js.org/d3.v4.min.js" charset="utf-8"></script>
  8. <script src="/js/c3.js"></script>
  9. <script>
  10. var chart = c3.generate({
  11. bindto: '#chart',
  12. data: {
  13. columns: [
  14. ['data1', 30, 200, 100, 400, 150, 250],
  15. ['data2', 130, 300, 200, 600, 250, 150]
  16. ],
  17. },
  18. point: {
  19. // r: 10
  20. r: function (d) {
  21. return d.id === 'data2' ? 10 : 2.5;
  22. }
  23. }
  24. });
  25. </script>
  26. </body>
  27. </html>