Question

我使用dojo图表中的ThreeD主题显示图表。当我修改数据时，我可以显示不同的颜色图中的条形图，我失去了3D外观。

ThreeD的默认颜色为红色

{y：＆＃34; 15＆＃34;，工具提示：＆＃34; 15报警＆＃34;，填写：＆＃39;黄色＆＃39;}

添加＆＃39;填充：黄色＆＃39;在数据项上将条形更改为黄色，但我失去了3D外观。

关于改变主题颜色并保持3d外观的最佳方法的任何想法？

Answer 1

只需创建一个基于ThreeD的新主题，并使用您想要使用的颜色更改颜色变量。我建议你：

阅读此博文：http://www.sitepen.com/blog/2010/07/26/dojo-chart-theming/
克隆dojox /制图/主题/ ThreeD.js到您自己的主题文件
编辑新文件（您只需要修改顶部的“颜色”数组）
使用新创建的主题......

Answer 2

我能够通过从ThreeD.js中获取代码并将其应用到我的应用程序来实现此目的：

var colors = ["#f00", "#0f0", "#00f", "#ff0", "#0ff", "#f0f", "dojox/charting/themes/common"];
var defaultFill = {type: "linear", space: "shape", x1: 0, y1: 0, x2: 100, y2: 0};
    // 3D cylinder map is calculated using dojox.gfx3d
var cyl3dMap = [
        {o: 0.00, i: 174}, {o: 0.08, i: 231}, {o: 0.18, i: 237}, {o: 0.30, i: 231},
        {o: 0.39, i: 221}, {o: 0.49, i: 206}, {o: 0.58, i: 187}, {o: 0.68, i: 165},
        {o: 0.80, i: 128}, {o: 0.90, i: 102}, {o: 1.00, i: 174}
        ];

var hiliteIndex = 2;
var hiliteIntensity = 100;
var lumStroke = 50;
var cyl3dFills = ArrayUtil.map(colors, function(c){
    var fill = lang.delegate(defaultFill);
    var colors = fill.colors = gradientGenerator.generateGradientByIntensity(c, cyl3dMap),
        hilite = colors[hiliteIndex].color;
        // add highlight
        hilite.r += hiliteIntensity;
        hilite.g += hiliteIntensity;
        hilite.b += hiliteIntensity;
        hilite.sanitize();
        return fill;
});

当我为图形数据创建JSON字符串时，我使用cyl3dFill [x]来设置颜色：

{y: "10", tooltip: "10 Alarms", fill: cyl3dFill[3]}  //Sets 3D Yellow fill

如果未将填充添加到数据记录，则假定为默认颜色（红色）。不确定这是不是坏方法，但我喜欢它....

不确定下一个方法对ThreeD主题的作用，但看起来它会改变主题的颜色。无法让方法起作用......

https://dojotoolkit.org/api/dojox/charting/themes/ThreeD

改变道场图表三维主题的颜色

2 个答案: