Javascript 为任意图表极坐标图中的每个象限设置背景

Javascript 为任意图表极坐标图中的每个象限设置背景,javascript,jquery,radar-chart,anychart,Javascript,Jquery,Radar Chart,Anychart,我正在使用 anychart.onDocumentReady(函数(){ //创建极坐标图 var chart=anychart.polar(); var columnSeries=chart.column([ {x:'A',值:28.7}, {x:'B',值:19}, {x:'C',值:17.7}, {x:'D',值:34.7} ]); //设置系列名称 columnSeries.name('Percentage'); //设置标题设置 图表.标题() .已启用(真) .text(“测试”)

我正在使用

anychart.onDocumentReady(函数(){
//创建极坐标图
var chart=anychart.polar();
var columnSeries=chart.column([
{x:'A',值:28.7},
{x:'B',值:19},
{x:'C',值:17.7},
{x:'D',值:34.7}
]);
//设置系列名称
columnSeries.name('Percentage');
//设置标题设置
图表.标题()
.已启用(真)
.text(“测试”)
.填充({底部:20});
//禁用y轴
图表.yAxis(假);
//为工具提示设置值前缀
chart.tooltip().valuePrefix('%');
图表sortPointsByX(真);
//设置x刻度
chart.xScale('ordinal');
//设置图表容器id
图表.集装箱(“集装箱”);
//启动图表绘制
chart.draw();
});
html,主体,#容器{
宽度:100%;
身高:100%;
保证金:0;
填充:0;
}

它非常灵活,您可以在数据定义上设置fill属性,例如:

var columnSeries = chart.column([
    {x: 'A', value: 28.7, fill: "#990000"},
    {x: 'B', value: 19, fill: "#009900"},
    {x: 'C', value: 17.7, fill: "#000099"},       
    {x: 'D', value: 34.7, fill: "#990099"}
]);

有关更多信息,请

您可以通过指定xGrid的调色板来实现:

chart.xGrid().palette(["red 0.5", "green 0.5", "blue 0.5", "cyan 0.5"]);
请参阅代码片段:

anychart.onDocumentReady(函数(){
//创建极坐标图
var chart=anychart.polar();
var columnSeries=chart.column([
{x:'A',值:28.7},
{x:'B',值:19},
{x:'C',值:17.7},
{x:'D',值:34.7}
]);
//设置系列名称
columnSeries.name('Percentage');
//设置标题设置
图表.标题()
.已启用(真)
.text(“测试”)
.填充({底部:20});
//禁用y轴
图表.yAxis(假);
//为工具提示设置值前缀
chart.tooltip().valuePrefix('%');
图表sortPointsByX(真);
调色板([“红色0.5”、“绿色0.5”、“蓝色0.5”、“青色0.5”);
//设置x刻度
chart.xScale('ordinal');
//设置图表容器id
图表.集装箱(“集装箱”);
//启动图表绘制
chart.draw();
});
html,主体,#容器{
宽度:100%;
身高:100%;
保证金:0;
填充:0;
}


我不是在找
填充物
。我需要的是为每个象限设置背景。如果你是说背景是图表的属性,恐怕API中没有办法实现它。BG是图表的属性,与数据及其格式/分布无关。。。但不确定。问题是在这些极坐标图中没有象限。它只是一个4值函数的分布series@VictorLiaFook仅供参考-您可以使用xGrid调色板执行此操作,请参见答案above@webster上面提供的解决方案是否满足您为每个象限设置背景的要求?图表的背景不仅填充了所有象限,还填充了图表容器的剩余空间(极坐标外)。请您也回答这个问题好吗?