当前位置: 首页 > 面试题库 >

如何使用Chart.js在甜甜圈图中添加文本?

子车修平
2023-03-14
问题内容

我正在使用ChartJs如何在甜甜圈图表中呈现文本。


问题答案:

您必须修改以下代码: chart.Doughnut.defaults

labelFontFamily : "Arial",
labelFontStyle : "normal",
labelFontSize : 24,
labelFontColor : "#666"

然后在功能上 drawPieSegments``ctx.fillText(data[0].value + "%", width/2 - 20, width/2, 200);



 类似资料:
  • 如何在甜甜圈图表中呈现文本,我正在使用ChartJs。

  • 我正在尝试用ApachePOI创建甜甜圈图,但没有任何信息或示例。我尝试使用饼图的例子,但没有成功。你能帮我解决这个问题吗?

  • 以下是基本饼图的示例。 我们已经在Highcharts Configuration Syntax一章中看到了用于绘制图表的配置 。 下面给出了基本饼图的示例。 配置 (Configurations) 现在让我们看一下所采取的其他配置/步骤。 系列 (series) 将系列类型配置为基于饼图。 series.type决定图表的系列类型。 这里,默认值是“line”。 使用innerSize将inne

  • 本文向大家介绍不带内部饼图的HTML Highcharts甜甜圈图示例,包括了不带内部饼图的HTML Highcharts甜甜圈图示例的使用技巧和注意事项,需要的朋友参考一下 将数据提供为包含两个元素的数组的数组。设置innerSize并获取甜甜圈样式。 参数将具有- 设置大小的代码片段-

  • 当使用图表时。js库,我可以添加多个甜甜圈在我的页面上没有问题。 http://www.chartjs.org/docs/#doughnut-饼图 但是我找不到一种方法总是显示工具提示——不仅仅是当鼠标悬停在甜甜圈上时。有人知道这是否可能吗?

  • 问题内容: 我的Ajax方法看起来像这样 我想显示一个类似这样的甜美“警告警告”弹出窗口 如果他们单击“取消”,则不应进行ajax调用;如果选择“是”,则仅应进行调用 所以任何人都可以告诉我如何将Ajax方法嵌入方法中 谢谢 问题答案: 举一个简单的例子,我可以向您展示我如何在自己的网站上进行操作。我将Ajax呼叫放入了甜蜜警报中。 因此,只有在您按下确认按钮时才能进行ajax调用。我希望这可以帮