Chart.js圆环图呈现错误

文章/答案/技术大牛

发布

1回答

reactjs、chart.js、react-chartjs、react-chartjs-2

当试图在圆周上画一个圆时，它会犯一个奇怪的错误，因为它改变了图表的外观。为了得到半个甜甜圈，我需要使用code : 60*Math.PI。下面是我尝试过的代码。我附加了我创建的沙箱链接。

浏览 15提问于2021-09-30得票数 0

回答已采纳

1回答

居中文本下方的圆环图工具提示

text、tooltip、chart.js、donut-chart

我使用的是Chart.js v2.4.0，并且我一直在使用圆环图。由于项目的要求，我必须在甜甜圈的中心显示数据。当我将鼠标悬停在圆环图上时，工具提示就会出现，并显示在中心标签下。没有工具提示的圆环图类似于上面的屏幕截图。

浏览 1提问于2018-07-23得票数 0

1回答

我可以在甜甜圈图表中逐个排列图例的标签吗？

chart.js、legend

我在一个react js应用程序中使用了chart.js的圆环图。我需要相同的外观和感觉的图例比插图：。 ? 我已经看过了Chart.js文档，但是我很无助！

浏览 12提问于2019-01-31得票数 0

3回答

Highcharts 3.0组合图未完全呈现饼图(圆环图)

highcharts

我有一个Highcharts 3.0图表，它同时显示柱状图和饼状图(甜甜圈)。这个组合图在之前的Highcharts版本中呈现得很好。有什么想法吗？我已经添加了一个jsfiddle，对Highcharts提供的组合<em

浏览 1提问于2013-03-26得票数 0

回答已采纳

1回答

如何让highcharts chart自动计算百分比

highcharts

如何让Highcharts中的圆环图自动计算我发送的数据的百分比。例如，我的数据可以是数据: 50.85，7.35，33.06，2.81，我想知道图表如何计算(圆环图的)内部饼图，以显示或呈现为百分比？

浏览 4提问于2013-05-09得票数 1

回答已采纳

1回答

我想知道如何将文本居中，并能够在作为组合图表一部分的圆环图内悬停时更新该文本。我见过使用图表标题verticalAlign和setTitle的解决方案，但是当圆环图是组合图表的一部分时，这种方法似乎不起作用。我还尝试使用位于甜甜圈图表中心的div。这不能很好地工作，因为当主序列的y访问标签变得更宽(即更多数字)时，圆环图向右滑动，div不再位于圆环图的中心。我已经添加了一个jsfiddle，它可以用来演示您在获取呈现文本、标题、div方面的任何建议，

浏览 2提问于2013-06-25得票数 4

回答已采纳

2回答

Chart.js数据结构，我如何用数组和随机颜色动态填充它？

javascript、web

我正在使用chart.js在我的网站上显示一个甜甜圈图表，我希望能够用从页面上其他地方拉来的内容数组动态填充图表中的值。Chart.js将圆环图的值存储在此数据结构中 { value: 10,

浏览 4提问于2013-03-20得票数 3

1回答

在Chart.js中这些线框是什么，我如何关闭它们？

reactjs、chart.js、tooltip、legend、react-chartjs-2

我在React中通过react-chartjs-2显示了一个Chart.js甜甜圈图表，默认情况下，每个甜甜圈部分都会显示以下线框内容。下面是一个例子： ? 此外，它们似乎不会默认出现在基础Chart.js库中，但它们会出现在react-chartjs-2 npm包中的甜甜圈(可能还有饼图)中。

浏览 21提问于2021-03-30得票数 0

1回答

如何在ChartJS中使用嵌套对象中的数据解析图表

javascript、chart.js、javascript-objects

我试图从一个json对象中解析出一个片段图，这个json对象是通过调用API获得的。我想使用一个特定的键值对来呈现片段图本身。然后我想在我的工具提示中使用一些其他的键值结果。我找到了 parsing: { } 配置，但如果我根据我的想法更改所有内容，以便呈现current_price.eur

浏览 30提问于2021-11-07得票数 0

回答已采纳

1回答

波尔组件中的角图和图表是找不到的。

angularjs、charts、gulp

我想在我的项目中使用，所以我已经安装了chart.js和具有bower的角图js，有以下步骤 {“解决器”：“bower-npm-解析器”} npm install，所以gulp在呈现时在index.html中运行gulp serve组件js时会自动添加所有bower (见下文)。/bower_components/chart.js/src/chart.js"></script>

浏览 4提问于2016-09-08得票数 1

回答已采纳

1回答

如何使用v-for在每个元素中呈现不同的CSS类

javascript、css、vue.js、vue-component、chartist.js

我正在尝试使用chartist.js遍历圆环图的标签数组，我无法确定chartist.js是否可以将标签放在圆环图的侧面而不是内部。我想在v-for呈现的每个元素上传递一个不同的css类，这样我就可以在对应标签中获得相同颜色的圆环图。因此，如果在图表中x的值是蓝色的，我希望x的标签有一个蓝色的项目符号。

浏览 41提问于2019-07-19得票数 0

回答已采纳

1回答

你能在不渲染的情况下画一幅图吗？

html、pdf、chart.js

我有一个应用程序(使用Vue)，它在不同的页面上呈现许多不同的图形。我正在添加一个PDF下载功能，允许在一个PDF中下载所有的图形。对于Pdf生成，我使用的是JsPDF。当前，当打开包含图表的页面时，所有图表都在客户端呈现。在Chart.js中，可以保存任何图表的base64编码的字符串数据。我试图弄清楚如何在不实际呈现图形的情况下获得这个base64字符串数据。为了让chart.js创建一个新的图形，您需要为它提供一个上下文，一个html元素。当我将这个元素的css显示属性设置为none时，base64

浏览 1提问于2021-01-25得票数 1

回答已采纳

1回答

Chart.js圆环图大小调整

angular、chart.js、ng2-charts

当前的生产版本是旧的，并且使用旧版本的ng2-charts (以及，扩展，chart.js)。我正在对这个项目进行升级。不过，我遇到了一些奇怪的事情。奇怪的是，在新版本的ng2-charts/chart.js中，宽高比是2:1：我在新版本中使用相同的选项，相同的设置，等等。唯一的区别是包的版本。有没有Chart.js的设置可以帮我解决这个问题？我喜欢旧图表的大小，但是如果不允许图表的canvas在我的组件之外溢出，就不能让新的图表做到这一点，这显然是我不想要的。

浏览 4提问于2018-06-02得票数 2

回答已采纳

1回答

Chart.js不工作在角1.5？

javascript、angularjs、charts、chart.js、angular-chart

2Ferrors.angularjs.org%2F1.5.0-rc.1%2F%24injector%2Fmodulerr%3Fp0%3Dchart.js : ReferenceError:图表未定义角图.is :13:5错误： <!/body>然后通过这种方式将依赖项注入到模块中： var app = angular.module('chartist', ['ngRoute', 'controllers',

浏览 12提问于2016-02-16得票数 1

回答已采纳

3回答