【问题标题】:Issue with jqplot legend and CSS floatjqplot 图例和 CSS 浮动的问题
【发布时间】:2012-12-03 16:39:03
【问题描述】:

我在使用 jqplot 图表图例时遇到问题。 我在它的顶部有一个图表和一个图例。 图例是table,每个颜色和文本字段一起是tr。 我将float: left; CSS 属性设置为tr 元素,将max-width CSS 属性设置为table 元素,因为我想要具有相同宽度的图例和图表。图例的位置是从 jqplot 选项自动设置的。 在 IE9 中,它可以完美运行,正如您从这张图片中看到的那样:

http://s13.postimage.org/61f0ks5uf/image.png

但问题来自 Chrome

http://s13.postimage.org/4jtk9813r/chrome.png

如您所见,图例位于容器上方,但我想要像 IE 这样的图例维度。 我能怎么做? 谢谢,对不起我的英语!

【问题讨论】:

  • 您能用 JSFiddle.net 发布一个示例,以便我们查看所有相关的 CSS 吗?
  • 幸运的是,在我写代码的时候,我解决了这个问题。这一课告诉我 JSFiddler 是一个很棒的工具,我必须在发布新问题之前使用它。无论如何,问题是我有一个带有white-space: nowrap; CSS 属性的div 容器。这是代码:http://jsfiddle.net/FjGyC/11/,如果你想看看。谢谢安森。
  • 很高兴有帮助!如果此答案对其他人有所帮助,那么最好回答您自己的问题并将其标记为已接受的答案。

标签: css css-float jqplot


【解决方案1】:

用两行图例进行测试。

类似的东西:

 legend: {
           show: true,
           location: 'n',
           placement: 'outside',
           rendererOptions: {
                  numberRows: 2                           
           }
         } 

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-07-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-11-09
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多