【问题标题】:Highcharts: Align multiple charts in same containerHighcharts:在同一个容器中对齐多个图表
【发布时间】:2017-01-12 06:38:53
【问题描述】:

按照此处的演示 (http://www.highcharts.com/docs/chart-and-series-types/combining-chart-types),我试图在同一页面上显示饼图和条形图。

问题是我希望饼图在左侧大,然后在右侧的条形图大。我看到了移动饼图的代码,但我不知道如何对条形图做同样的事情,因为它似乎想要跨越整个容器宽度。我知道我可以有两个独立的图表并将它们放在各自的浮动 DIV 中,但由于可以组合图表,我认为这是一个可行的选择。

【问题讨论】:

    标签: javascript jquery css charts highcharts


    【解决方案1】:

    您可以将chart.marginLeft 设置为图表宽度的一半。并将pie.centerx坐标设置为负值。

    chart: {
       marginLeft: 400
    },
    
    series: [{
       center: ['-75%', '50%'],
    

    示例:http://jsfiddle.net/L55w9n53/

    【讨论】:

    • 这正是我想要的。谢谢!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-09-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-04-11
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多