我使用c3.js创建线条和条形图.我想更改x轴和y轴值的颜色.因为我想要图表的黑色背景,所以x轴和y轴上的文本/值颜色必须是白色才能看到.我尝试过使用下面的CSS,但它不起作用.
#chart .c3-text
{
color: white;
}
#chart c3-axis-axis
{
color:white;
}
#chart c3-text
{
color:white;
}
有没有办法改变图表上的文字颜色？
编辑 HTML代码:
<body>
<center>
<div id="chart" style="width: 1000px; height: 500px;"></div>
</center>
<script src="../../css/d3.v3.min.js" charset="utf-8"></script>
<script src="../../css/c3.js"></script>
<script>
$(document).ready(function() {
// alert("in ajax");
$.ajax({
type : "post",
url : "../../GetMonthlyTickets",
success : function(result) {
var critical = result.critical;
var warning = result.warning;
var notif = result.notification;
critical.unshift("Critical");
warning.unshift("Warning");
notif.unshift("Notification");
var chart = c3.generate({
data: {
x: 'x',
columns: [
['x', '2015-01-01', '2015-02-01', '2015-03-01', …我正在使用JSON数据使用谷歌地图api v3绘制数百个标记.我使用了Markerclusterer并且它工作正常.默认情况下,Markerclusterer似乎根据不同的缩放级别分配群集图标.我想要做的是根据json数组获得的数据的if条件自定义集群的各个样式.我尝试了以下逻辑,但它改变了所有聚类的样式,而不是包含特定标记的特定聚类.
if(redflag)
{
var mcOptions = {
gridSize: 50,
maxZoom: 15,
styles: [{
height: 57,
url: "../../css/images/m3.png",
width: 57
}
]
};
}
else
{
mcOptions = {
gridSize: 50,
maxZoom: 15,
styles: [{
height: 53,
url: "../../css/images/m1.png",
width: 53
}]
};
}
var mc = new MarkerClusterer(map, [], mcOptions);
mc.addMarkers(markerArray , true);
如何使用我自己的条件自定义单个集群,而不是使用markerclusterer对象进行默认索引.
编辑1:我已修改代码以使用marker_和getClusters()方法跟踪标记,并成功更改了群集图标样式,但群集脱离了绑定,并且在放大缩小时没有显示正确的图标更改.我已经使用了这个链接动画集群标记的帮助.
var mc = new MarkerClusterer(map, [], mcOptions);
mc.addMarkers(markerArray , true);
//attach listener to clusteringend-event
google.maps.event.addListener(mc,'clusteringend',function() {
//iterate over all clusters …