如何解决Laravel图表-在图表内显示值
我正在尝试使用laravel图表库(版本6,由于PHP版本,我无法使用较新的版本)在网页(laravel)上实现图表。看起来还不错,但我想在块内显示值,但我找不到能胜任工作的选项。 enter image description here
解决方法
如果您使用Laravel甚至Vue,我也会遇到同样的问题。我的解决方案是使用一个JavaScript库,该库可以很好地绘制图表。 我强烈建议您使用ChartJS。
...
<head>
// Import of the latest ChartJS <link> and <script>
</head>
<body>
<div>
<canvas id="myChartFour"></canvas>
</div>
<script type="text/javascript">
var ctxFour = document.getElementById('myChartFour').getContext('2d');
var myChartFour = new Chart(ctxFour,{
type: 'pie',data: {
labels: ['Red','Blue','Yellow','Green','Purple','Orange'],datasets: [{
label: 'Number of Color Votes',data: ['1','2','3','4','5','6'],backgroundColor: [
'rgba(255,99,132,1)','rgba(54,162,235,'rgba(255,206,86,'rgba(75,192,'rgba(153,102,255,159,64,1)'
]
}]
},});
</script>
</body>
...
ChartJS不支持在饼图中显示值的实现。但是,如果以某种方式创建具有绝对位置的HTML元素,您仍然可以这样做。然后,您可以确定此元素必须具有的坐标以保持在正确的饼图切片顶部。
此方法仅在相同的屏幕分辨率下才可靠。在其他不同的屏幕分辨率下,绝对定位的HTML元素可能会或将会不合适。因此,这种方法不适用于响应式Web设计。
最后,您尝试执行的操作无法通过ChartJs进行。但这可能是经过批评性的HTML和CSS技巧。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。