javascript - 如何在 amCharts 中显示饼图
问题描述
我想用amcharts做馅饼。它不显示图表。
这是我的饼图脚本的代码:
<script>
var chart1;
var chartData1 = [
];
AmCharts.ready(function () {
// SERIAL CHART
chart1 = new AmCharts.AmSerialChart();
chart1.dataProvider = chartData1;
chart1.categoryField = "Division";
chart1.startDuration = 1;
chart1.depth3D = 50;
chart1.angle = 45;
chart1.marginRight = 80;
chart1.plotAreaBorderColor = "#DADADA";
// chart3.plotAreaBorderColor = "#DADADA";
chart1.plotAreaBorderAlpha = 0;
//chart8.responsive.enabled = true;
// this single line makes the chart a bar chart
//chart3.rotate = true;
// AXES
// Category
var categoryAxis = chart1.categoryAxis;
categoryAxis.gridPosition = "start";
categoryAxis.labelRotation = 45; // this line makes category values to be rotated
categoryAxis.gridAlpha = 0;
categoryAxis.axisAlpha = 0;
categoryAxis.color = 'red';
// Value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.axisAlpha = 0;
valueAxis.gridAlpha = 0.5;
tickLength: 0;
// valueAxis.minimum = 0;
// valueAxis.maximum = 3.5;
valueAxis.position = "bottom";
valueAxis.color = '';
chart1.addValueAxis(valueAxis);
// GRAPHS
var graph8 = new AmCharts.AmGraph();
graph8.type = "pie";
graph8.title = "Actual";
graph8.valueField = "Actual";
graph8.balloonText = "Actual:[[value]]";
graph8.lineAlpha = 0;
graph8.fillColors = ["#ee8989"];
graph8.fillAlphas = 1;
graph8.labelText = '[[value]]';
graph8.labelRotation = 360;
graph8.labelPosition = 'top-bottom'; // change to inside
graph8.marginRight = 10;
graph8.color = '#000';
graph8.labelColorField = '#FFFFFF';
chart1.addGraph(graph8);
var legend = new AmCharts.AmLegend();
legend = new AmCharts.AmLegend();
legend.position = "bottom";
legend.align = "center";
legend.markerType = "circle";
// legend.labelText = '[[title]]';
chart1.addLegend(legend);
chart1.creditsPosition = "top-right";
// WRITE
chart1.write("piechart");
});
</script>
这是div:
<div class="row" style="margin-top: 55px;">
<div class="col-md-12">
<div id="piechart" style="height:450px; width:1300px;"></div>
</div>
</div>
这是我附上的柱形图正在显示但未显示的屏幕截图3d pieChart
。柱形图运行完美。
但是当我制作饼图时,它显示如下:
请帮助我摆脱这个问题。谢谢
解决方案
推荐阅读
- google-apps-script - GmailApp.getMessagesForThreads() 返回太多消息
- r - 根据 r 中的某些列将 2 个表连接在一起
- python - 使用 python 发送文件和元数据的未编码多部分/表单数据 POST 请求
- c# - 动态生成控件
- .net - .NET 将一些内容从一个 XML 粘贴到另一个 XML 文件
- mysql - 1and1 IONOS 数据库与 Node.JS
- c# - Unity Editor 在点击播放时冻结几秒钟 - Firebase.Editor 错误
- qt - 如何在 qml 中设计标尺
- outlook-redemption - 通过 RDOmessage.saveas 将 Msg 转换为 Eml 显示韩文的文本损坏
- vb.net - 文本框格式化字符串空格错误