在弹性组件中设置不同的图表DataTip样式

Question

我有一个问题:我的任务是为Flex4.5中的两个图表设置数据样式。这两个图表都位于添加到<Application>中的两个不同的基于<Group>的组件中

所以经过深入的研究后，这里是我尝试do.First应用css降序选择器的方法：

#container#chart1 chartClasses|DataTip{     
    backgroundColor:white;
    backgroundAlpha:0.01;
    fontSize: 12; 
    fontWeight:bold;
    fontStyle:italic; 
}

所以这个带有Id=container的组件和一个带有id="chart1“的图表不能工作，尽管Adobe文档说它应该工作。我认为应该解决这个问题的另一种方法是将这个CSS样式

chartClasses|DataTip{
    backgroundColor:white;
    backgroundAlpha:0.01;
    fontSize: 12; 
    fontWeight:bold;
    fontStyle:italic; 
}

在这些组件中，图表DataTip类选择器只在<Application>级别上工作(然后它将相同的样式应用于在application.So中找到的所有图表数据类型，将其放入包含图表的两个组件中的每一个组件中都不起作用。

接下来，我创建了一个类，它被提供给dataTipRenderer样式的chart.Then，在我设置类选择器的名为MyCustomDataTipRenderer的类中：

.dataTip{
    backgroundColor:white;
    backgroundAlpha:0.01;
    fontSize: 12; 
    fontWeight:bold;
    fontStyle:italic; 
}

是的，假设我想要能够基于托管的chart.How为自定义的datatip渲染器设置不同的样式，我可以做到吗？如果我像这样有效地设置自定义的datatip渲染器，那么Flex SDK似乎没有以任何方式公开datatipRenderer.So：

columnchart1.setStyle("dataTipRenderer",CustomDataTip); 

然后我希望能够访问CustomDataTip class.But的实例，我不能.So，目前我唯一能做的就是为每个chart.That创建一个不同的自定义datatip渲染器类，如果你只有几个你想要设置样式的图表，那么我们能做什么呢？

Answer 1

尝试将以下内容添加到css文件的开头(假设文件名为chartStyles.css)

@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "http://www.adobe.com/2006/mxml";

mx|#container#chart1 chartClasses|DataTip{     
    backgroundColor:white;
    backgroundAlpha:0.01;
    fontSize: 12; 
    fontWeight:bold;
    fontStyle:italic; 
}

s|#container#chart1 chartClasses|DataTip{     
    backgroundColor:white;
    backgroundAlpha:0.01;
    fontSize: 12; 
    fontWeight:bold;
    fontStyle:italic; 
}

如果css样式被放在主应用程序mxml中的样式标签中，那么就不需要@namespace标签了，在beginning.You中可以直接将mx|和s|作为前缀添加到样式中。