HighCharts半圆形甜甜圈,删除边距和填充

elbuild

我一直在尝试从HighCharts半圆甜甜圈中删除边距和填充

我已经尝试过margin: [0,0,0,0]和所有不同的四个间距属性。我还尝试将sizeplotOptions属性设置为100%。

我创建了一个jsfiddle http://jsfiddle.net/W7bXw/1/来演示该问题和我尝试过的选项。如您所见,半圆形和容器之间仍然有巨大的填充物。

有趣的是,将边距或间距设置为0均可对HighCharts中的常规饼进行处理。

更新

根据公认的答案,此图表的解决方案是对容器使用负边距以及明确的高度。

克里斯蒂娜·克里斯蒂亚(Cristina Cristea)

这应该可以帮助您:http : //api.highcharts.com/highcharts-http : //api.highcharts.com/highcharts#chart.margin在这里,您可以找到如何使图表的填充变小或为0。将其添加到图表脚本并根据需要更改其值以适合页面

chart: {
            marginTop: 10,
            marginBottom: 100,
            marginLeft: 100,
            marginRight: 100
}

更新:检查此: http : //jsfiddle.net/W7bXw/2/

您必须为div #container设置宽度,然后设置边距。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

半甜甜圈或半圆形饼图的工具提示

来自分类Dev

如何使用Hightchart-ng制作Highcharts半圆甜甜圈图

来自分类Dev

如何使用Hightchart-ng制作Highcharts半圆甜甜圈图

来自分类Dev

Highcharts甜甜圈标签溢出容器

来自分类Dev

Highcharts甜甜圈图定制

来自分类Dev

Highcharts甜甜圈标签溢出容器

来自分类Dev

ChartJS甜甜圈图渐变填充

来自分类Dev

如何删除甜甜圈图边框

来自分类Dev

在甜甜圈饼图中添加外部圆形条

来自分类Dev

在甜甜圈饼图中添加外部圆形条

来自分类Dev

Highcharts甜甜圈用于内部和外部饼图的单独工具提示

来自分类Dev

如何使用highcharts创建甜甜圈图?

来自分类Dev

Highcharts甜甜圈图渲染中缺少的颜色

来自分类Dev

highcharts甜甜圈图中心文本与工具提示重叠

来自分类Dev

如何使用highcharts创建甜甜圈图?

来自分类Dev

Highcharts-嵌套的切片甜甜圈图

来自分类Dev

Highcharts甜甜圈图中的阶梯状颜色底纹

来自分类Dev

Highcharts甜甜圈自定义图例

来自分类Dev

如何从highchart中的相应位置开始半圆甜甜圈图角度?

来自分类Dev

如何删除chartjs甜甜圈底部的图例

来自分类Dev

半圆形边缘的android按钮

来自分类Dev

将半圆形赋予搜索杆

来自分类Dev

在CSS中绘制半圆形状

来自分类Dev

pygame自动执行半圆形路径

来自分类Dev

带半圆形末端的按钮

来自分类Dev

d3饼图和甜甜圈图

来自分类Dev

d3饼图和甜甜圈图

来自分类Dev

jqplot动画饼图和甜甜圈图

来自分类Dev

Highcharts服务器端渲染绘制神秘的半圆甜甜圈形状