柱状图3D双柱状图圆柱体
时间: 2024-02-11 09:01:52 浏览: 160
柱状图是一种常用的数据可视化方式,用于比较不同类别或组之间的数据。3D双柱状图是柱状图的一种变体,它使用圆柱体来表示数据。
以下是使用jQuery插件FusionCharts绘制3D双柱状图的示例代码:
```javascript
// 引入FusionCharts库
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
// 创建数据源
var dataSource = {
chart: {
caption: "销售数据",
subcaption: "2019年",
yaxisname: "销售额",
theme: "fusion"
},
categories: [
{
category: [
{ label: "一月" },
{ label: "二月" },
{ label: "三月" },
{ label: "四月" },
{ label: "五月" },
{ label: "六月" }
]
}
],
dataset: [
{
seriesname: "产品A",
data: [
{ value: "10000" },
{ value: "12000" },
{ value: "8000" },
{ value: "15000" },
{ value: "11000" },
{ value: "9000" }
]
},
{
seriesname: "产品B",
data: [
{ value: "15000" },
{ value: "10000" },
{ value: "12000" },
{ value: "9000" },
{ value: "11000" },
{ value: "8000" }
]
}
]
};
// 使用FusionCharts绘制图表
FusionCharts.ready(function() {
var chart = new FusionCharts({
type: "column3d",
renderAt: "chart-container",
width: "600",
height: "400",
dataFormat: "json",
dataSource: dataSource
}).render();
});
```
这段代码使用了FusionCharts库来创建一个3D双柱状图。数据源包含了图表的标题、副标题、y轴名称以及每个类别和数据集的标签和值。通过调用FusionCharts构造函数并传入相应的参数,可以将图表渲染到指定的容器中。
阅读全文