如何在ChartJS饼图段上获取标签

2 回答

• 1

  JSFiddle

  这对我来说也很难找到 . 由于需要在同一页面上放置多个图表，我的解决方案有点复杂 . （因此，我的上下文和数据变量的命名方式与chart.js文档中的命名略有不同 . ）

  基本上，我必须添加两件事 . 首先，一个div来保存图例，然后添加一行来告诉chart.js在那里 Build 一个图例 . 第二行必须在变量声明新图表之后（我根据文档标记了它：chartjs.org/docs/#doughnut-pie-chart-example-usage）

  这是div：

  <div class="chart">
      <canvas id="property_types" class="pie"></canvas>
      <div id="pie_legend"></div>
  </div>
  

  这是JS：

  // jQuery
  $("#pie_legend").html(propertyTypes.generateLegend());
  // JavaScript
  document.getElementById('pie_legend').innerHTML = propertyTypes.generateLegend();
  

  我还没有找到将工具提示悬停在 li 元素上的工具提示，但我希望答案是在这个GitHub问题中：github.com/nnnick/Chart.js/issues/522我找到了我的解决方案同样的问题！

  回复于 2024-04-29T07:39:10+08:00
• 1

  检查这是否有助于您：

  $scope.options = {
      tooltipEvents: [],
      showTooltips: true,
      tooltipCaretSize: 0,
      onAnimationComplete: function () {
          this.showTooltip(this.segments, true);
      },
  }
  

  回复于 2024-04-29T07:39:10+08:00