javascript - 带有线条的 Google Charts API 标签

标签 javascript html charts

是否可以使用“新的”Google Charts API 实现与已弃用的图像图表服务相同的效果,其中标签位于图表外部并且一条线指向正确的饼图切片?

重要提示:我知道如何创建饼图,我只是不知道如何实现:图表外的标签 + 线条布局。

它的外观(使用已弃用的图像图表):

enter image description here

编辑:只是为了确保你们不会写太多代码,我只是在寻找合适的属性来实现这一点。谢谢。

最佳答案

您可以通过使用 legend.position 属性并将其值设置为 labeled 来获得类似的结果。

虽然线点将附加到切片的中心,但无法将它们重新附加到切片边界。

  var options = {
      legend: { position: 'labeled' }
  };

  // ...
  chart.draw(data, options);

图表图片: Google pie chart with colored lines

关于javascript - 带有线条的 Google Charts API 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23083308/

相关文章:

javascript - 当用户单击链接时,如何聚焦第一个字段并选择其内容?

css - 当第 2 列不存在时,将第 1 列扩展到最大宽度

php - 第一次访问后,使用 PHP cookie 自动填充以前用户输入的表单?

angular - 创建多个动态图表

ios - 在饼图中应用渐变 - iOS 图表库

swift - 如何旋转堆积条形图中的左轴标签?

javascript - 等待 ComponentDidMount 在 ReactJS 的最高组件中完成加载

javascript - 从具有日期对象的对象数组中获取具有最旧日期的最新对象

javascript - Rails 3 - 如何动态创建与参数关联的 html 元素 [ :id]?

html - 在 css 中悬停时不会显示背景图像