ChartJS 如何删除线从标签一旦点击图例

i7uq4tfw  于 2024-01-07  发布在  Chart.js
关注(0)|答案(1)|浏览(170)

如何删除线从标签一旦点击图例和只显示标签文本

xe55xuns

xe55xuns1#

我使用labelformatter进行了尝试

  1. {
  2. "xAxis": {
  3. "categories": ["abcd", "efgh"],
  4. },
  5. "legend": {
  6. enabled: true,
  7. symbolRadius: 2,
  8. margin: 0,
  9. itemHoverStyle: {
  10. color: '#000'
  11. }, itemHiddenStyle: {
  12. color: '#cccccc'
  13. },
  14. labelFormatter: function () {
  15. return `<div><div style=" height:18px; width: 18px; border-radius: 2px;"></div><div style="display:inline-block;margin:0px 0px 0px 20px;font-size:small;">${this.name}</div></div>`;
  16. }
  17. },
  18. "series": [{
  19. "minPointLength": 3,
  20. "type": "column",
  21. "pointPlacement": 0.2,
  22. "name": "Series1",
  23. "turboThreshold": 4,
  24. "data": [{
  25. "name": "abcd",
  26. "y": 12765433.5
  27. }, {
  28. "name": "efgh",
  29. "y": 0
  30. }],
  31. }, {
  32. "minPointLength": 3,
  33. "type": "column",
  34. "pointPlacement": 0.2,
  35. "name": "Series2",
  36. "turboThreshold": 1,
  37. "data": [{
  38. "name": "abcd",
  39. "y": 15.2
  40. }],
  41. }]
  42. }

字符串

展开查看全部

相关问题