pie-chart 相关问题

饼图是通过半径绘图划分为多个部分的数据的圆形表示。

是否可以使用chartjs在Laravel中生成多个图表?如果可以请给出解决方案

我的刀片文件代码是: @foreach($radio_data 作为$data) ... 我的刀片文件代码是: @foreach ($radio_data as $data) <div style="text-align: center" class="row"> <div class="col-md-4 text-center" > <canvas id="myChart"></canvas> </div> </div> @php array_push($dataPoints, array("label"=> " $data->answer ", "y"=> $data->num )); @endphp <p>{{ $data->answer }}: {{ $data->num }}</p> @endforeach 我正在控制器中获取数据并将其发送到视图。 最后我用动态画布ID和更新功能做到了这一点。 这是我的代码: <div style="text-align: center" class="row"> <div class="col-md-4 text-center" > <canvas id="{{ $loop->index }}"></canvas> </div> </div> <script> let {{ 'c'.$u }} = new Chart(document.getElementById({{ $loop->index }}), { type: 'pie', data: { labels: [], datasets: [{ label: '# of Votes', data: [], backgroundColor: [ 'rgba(255, 99, 132, 0.2)', 'rgba(54, 162, 235, 0.2)', 'rgba(255, 206, 86, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(153, 102, 255, 0.2)', 'rgba(255, 159, 64, 0.2)' ], borderColor: [ 'rgba(255, 99, 132, 1)', 'rgba(54, 162, 235, 1)', 'rgba(255, 206, 86, 1)', 'rgba(75, 192, 192, 1)', 'rgba(153, 102, 255, 1)', 'rgba(255, 159, 64, 1)' ], borderWidth: 1 }] }, options: { scales: { y: { beginAtZero: true } } } }); </script> @foreach ($radio_data as $data) <script> {{ 'c'.$u }}.data.labels.push('{{ $data->answer }}'); {{ 'c'.$u }}.data.datasets.forEach((dataset) => { dataset.data.push({{ $data->num }}); }); {{ 'c'.$u }}.update(); </script>

回答 1 投票 0

更改 Base R 中饼图中标签和刻度线的颜色

我有一个饼图: x <- c(30, 70) pie(x) I want the labels to be red and the tick marks to be either red or transparent. How do I do that? xaxt = "n" and col.axis = "red" s...

回答 1 投票 0

JpGraph饼图切片颜色不起作用

我在php中使用了JpGraph。一切正常,但切片 ($p1->SetSliceColors($color);) 颜色不起作用。它一直是默认颜色。 这是我使用的代码。请帮我 : $data = array('40','50', '1...

回答 4 投票 0

没有数据时,PowerBI 中的测量无法正确显示饼图标题

我有书签页面“采购区域饼图”,其中包含我们系统中所有采购区域的饼图。所有饼图都根据视觉效果的“过滤器”下的采购区域进行过滤。我有一个

回答 1 投票 0

如何控制echarts饼图所选数据距中心的距离

当前选择的数据显示 目前,当选择饼图数据时,它会像这样显示。我希望它像悬停时一样显示。就像下图一样。 期望的结果。 我已经尝试过

回答 1 投票 0

Jetpack Compose。如何绘制带有标签的饼图?

我正在尝试绘制带有部分的饼图并显示每个部分的标签。标签应显示在每个部分的开头,并与饼图相距 10dp 的内边距。 这是我的代码: @

回答 1 投票 0

百度隐藏echart中饼图的标签

我指的是这个 https://ecomfe.github.io/echarts/doc/example/pie1.html#-en 示例。我无法隐藏饼图中的相邻标签。我已经圈出了我想要的标签之一...

回答 3 投票 0

如何更改鼠标悬停效果上的图表拱形颜色?

如何在鼠标悬停时改变饼图拱形颜色? 使用 .outerRadius(103 + 5);对于悬停变换,但如何对拱门应用一些颜色变化?请帮忙 var arcOver = d3.arc() .

回答 1 投票 0

D3饼图拱形鼠标悬停效果

如何在鼠标悬停时改变饼图拱形颜色? 使用 .outerRadius(103 + 5);对于悬停变换,但如何对拱形应用一些颜色变化?请帮忙 var arcOver = d3.arc() .

回答 1 投票 0

R ggplot - ggrepel 标签位置

一直在尝试用ggrepel标签制作饼图。图表本身看起来不错,但标签位置与应有的位置相差甚远。 照明df <- structure( list( Light = c( ...

回答 1 投票 0

R ggplot - 将标题放在饼图底部[重复]

一直在 ggplot2 中制作饼图。到目前为止我有这个代码: 图书馆(tidyverse) 馅饼_tbl <- tibble( surface = factor(c("Dry","Wet","Snow/Ice","Other&q...

回答 1 投票 0

R 中具有 3 个级别的饼图(或圆环图)

我一直在尝试创建一个具有三个层次结构的饼图,遵循以下中提供的代码: 使用 ggplot2 的多个依赖级别旭日图/圆环图 分层/多级...

回答 1 投票 0

可以将图像插入 Google 表格中的圆环图内吗?

我正在尝试在 Google 表格中创建一些跟踪器,并想添加一些图像以进行可视化。 我想实现这样的目标,但不确定 Google Sheets 是否可以实现。 http...

回答 1 投票 0

有没有一种方法可以在给定值数组的情况下创建动态范围,并计算有多少属于每个范围

所以我有一个带有饼图的前端,想要显示我的客户的年龄百分比(数据库表)。我存储了每个客户的年龄,所以我有一个像这样的数组。 常量=...

回答 2 投票 0

Flutter 半饼图与 fl_chart

我想在 Flutter 中向我的应用程序添加一个饼图,它只是一个半圆/半甜甜圈或任何你所说的东西。 它应该是这样的: 但目前它看起来像这样,我不......

回答 1 投票 0

如何使用ggplot2移动饼图中的箭头?

我有一些数据想绘制成饼图。我正在使用 ggplot2,虽然我设法获得了绘图,但我在箭头的位置方面遇到了一些问题,因为它们出现在...

回答 1 投票 0

Python 或 R 中的饼瓣图

问题:我正在尝试生成一个类似于下图的图,其中我有五个类别,每个类别都表示为一个气泡。气泡的大小反映了每个类别的数值。

回答 1 投票 0

是否可以使用amCharts5:简单的饼图,但不能使用百分比?

我开始使用这个库,我喜欢它。我想知道是否有人需要不以百分比显示数据,而是显示真实数据而不用其相应的百分比。 https...

回答 2 投票 0

用饼图绘制表达订单标签

让我们看一下这个示例数据框: df = pd.DataFrame({"日":['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日'], ‘比例’:[0.24495486, 0.17300189, 0.2301918...

回答 3 投票 0

如何在电子图表中创建半圆环图

我想制作一个“半个甜甜圈”图表。它应该像图片中的第一个图表一样。 但在我的图表中,空间占据了图表上方(第二张图表)。是否可以删除该空间。 图片链接:

回答 5 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.