d3.js中的3D金字塔图表

时间:2013-09-05 05:22:40

标签: svg charts d3.js fusioncharts

需要三维金字塔图表(使用d3.js),如融合图表中的那个(http://www.fusioncharts.com/demos/gallery/#pyramid-chart)。

我的问题是

  1. 是否可以使用d3库创建该图表?
  2. 是否有其他具有此功能的开源库?
  3. 如果可以使用d3库,请参考一些网站或几个编码集来创建三角形3D结构。

1 个答案:

答案 0 :(得分:0)

以下是您要找的内容。 如果您愿意,请发表评论并帮助您实现目标。

http://jsfiddle.net/akashtyagi40/fptv739g/3/

var colorArray1 = ["#1f77b4", "#ff7f0e", "#2ca02c", "#d62728", "#9467bd", "#8c564b", "#e377c2", "#7f7f7f", "#bcbd22"];
var data1 = [200, 150, 100, 100, 202, 201, 50];

var labelArray = ["DUSTER", "Qualis", "Scorpio", "Eco Sport", "Honda city", "Altis", "EON"];
var confg1 = {
    "data": data1,
    "colorArray": colorArray1,
    "labels": labelArray,
    "unit": "M$"
};

$(document).ready(function () {

    var stocChart20=$("#draw3DPyramidChartWithoutSlice").stocCharts();
        stocChart20.draw3DPyramidSliceChart(confg1);

});