改变道场制图上的颜色ThreeD主题

Question

我使用来自道场制图的ThreeD主题显示图形。 当我修改数据以便我可以为图中某些 条显示不同的颜色时，我将失去3D外观。对于ThreeD他们

默认的颜色是红色

{Y： “15”，提示： “15个报警信息”，填写： '黄'}

添加 '填充：黄' 上的数据项的变化酒吧变黄， 但我失去了3D的外观。

关于改变主色调和保持3D外观的最佳方式的任何想法？

Answer 1

我能够抓住从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 

如果填充不被添加到该数据记录，默认颜色被假定（红）。 不知道这是不是一个坏方法，但我喜欢它....

不知道下一个方法与三维主题，但它看起来像它改变了主题的颜色。不能得到的方法工作...

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

Answer 2

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

• 阅读这篇博客：http://www.sitepen.com/blog/2010/07/26/dojo-chart-theming/
• 克隆DojoX中/图表/主题/ ThreeD.js到您自己的主题文件
• 编辑新的文件（你应该只需要修改在顶部的“颜色”阵列）
• 用你新创建的主题...