HighCharts 全宽问题

2024-04-08

我试图让渲染的图表填充 100% 的父 div,但没有成功。有什么办法可以消除左右两侧的缝隙吗?

http://jsfiddle.net/sKV9d/ http://jsfiddle.net/sKV9d/

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'chart',
        margin: 0,
        width: 300,
        height: 200,
        defaultSeriesType: 'areaspline'
    },    

    series: [{
        data: [33,4,15,6,7,8, 73,2, 33,4,25],    

        marker: {
            enabled: false
        }
    }]
});

如果删除选项width: 300, height: 200像这样:

    var chart = new Highcharts.Chart({
chart: {
    renderTo: 'chart',
    margin: 0,
    defaultSeriesType: 'areaspline'
},    

...

它会自动填充容器。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

HighCharts 全宽问题 的相关文章

随机推荐

  • Haskell 导入有副作用吗?

    我不久前写了一些代码 其中使用OverloadedStrings创造ByteStrings 来自十六进制编码的字符串文字 它使用以下提供的函数进行解码base16 bytestring http hackage haskell org pa
  • 将多行转换为逗号分隔的行[重复]

    这个问题在这里已经有答案了 我在多行中有以下数据 foo bar qux zuu sdf sdfasdf 我想要做的是将它们转换为一个逗号分隔的行 foo bar qux zuu sdf sdfasdf 能做到这一点的最好的 Unix 单行
  • 有没有一种纯 CSS 方法可以使输入透明?

    我怎样才能使这个输入透明
  • 如何将两个函数调用合并为一个?

    我想合并以下几行 let result1 add numbers let result2 add numbers n 变成这样的东西 let resultX add numbers gt add numbers n 我可以编写这样的函数吗
  • 使用 Javascript 覆盖或禁用元刷新标记

    我有一个网站 我尝试使用 Ajax 更新页面上的一些内容而不重新加载它 但是 我的许多用户很可能会使用不支持 Javascript 的移动浏览器 因此我尝试使用元刷新标记设计页面 该标记仅适用于没有 Javascript 的用户 有什么办法
  • 使用后端 NDB 的 GAE put_multi() 实体

    我正在使用后端来编写多个实体ndb put multi list of entities 我遇到的问题是 在那之后 如果我进行查询 则不会得到任何结果 如果我设置一个睡眠定时器 例如 1 秒 我就可以读取我刚刚编写的实体 So eg cla
  • 如何组合两个媒体查询?

    如何组合两个媒体查询 一种适用于较小的设备 一种适用于较大的设备 但仅限纵向模式 media only screen and min device width 320px and max device width 480px and ori
  • 如何在 Mono 中运行 MVC3 或更新的应用程序

    默认 ASP NET MVC 3 应用程序是使用 Microsoft Web Developer Express 2010 创建的 应用程序发布到文件系统并复制到安装了 mono 2 10 8 Apache 和 mod mono 的 Deb
  • DatabaseError:没有这样的列错误

    所以我有一个模型想要添加 ImageField 所以我输入 图片 models ImageField upload to 媒体 图像 然后我运行syncdb并进入shell python2 manage py syncdb python2
  • Hibernate Search + Spring Boot:java.lang.IllegalStateException:没有可用的事务 EntityManager

    我正在尝试在 Spring Boot 应用程序中设置 Hibernate Search 如下所示本教程 https www mkyong com spring boot spring boot hibernate search exampl
  • 如何将带有查找值的记录插入到 SQL 中?

    Scenario 我需要每天通过电子表格更新 SQL 2008 数据库 唯一可用的选项 格式非常基本 但可能有数百万条记录 Column1 和 Column3 将具有许多预定义的重复值 这些值已提取到单独的表中 电子表格样本 Column1
  • 当 S Pen 在 android note 中分离时,将您的应用程序置于最前面吗?

    我想在 S Pen 分离时立即打开我的应用程序 如果仅在再次打开我的应用程序时调用 onSPenDetached 下的方法 您该怎么做 谢谢 昌杜 以下内容适用于我的配备 S Pen SM P550 运行 Android 5 0 2 的 G
  • Swift 陀螺仪偏航、俯仰、横滚

    我正在为我的学校做一个编程主题的项目 我正在 Swift 中使用 Xcode 我想制作一个使用陀螺仪的应用程序 我不知道 但不知怎的 它不会在我的 iPhone 上运行 因为 Xcode 中存在一些我不知道如何修复的错误 当我运行程序时 显
  • Android 对话框透明

    我想去掉对话框中的边框并使其看起来绝对透明 就像图像位于屏幕顶部一样 我的对话框 xml 是
  • VBA有一个子程序运行另一个子程序

    如何运行sub存储在另一个工作表的模块中 工作表1 sub endDay something here end sub 工作表2 sub reCalc something here end sub I want recalc能够独立运行 但
  • Android Studio 更新到 2.2.2 时无法识别应用程序名称

    我最近将 Android Studio 更新到版本 2 2 2 并遇到了一些问题 其中我的应用程序名称在清单中不再被识别 我还根据位于的文档迁移到新的 Firebase SDKhere https firebase google com s
  • Python 将 DXF 文件转换为 PDF、PNG 或 JPEG

    有谁知道将 DXF 文件转换为 PNG 或 PDF 的方法吗 我有一个巨大的 DXF 文件列表 我想将它们转换为图像以便更快地查看它们 如果可能的话 如何提取 DXF 文件值 例如 DXF 文件中绘图的厚度或尺寸 https github
  • 按下 Control 键时 RichTextBox 选择错误

    我在文本选择方面遇到了一个非常奇怪的错误富文本框 我创建了以下简单的表格 public partial class Form1 Form public Form1 InitializeComponent private void Form1
  • Dotnet 隔离的 Azure Functions - 如何访问 HttpContext

    我有一个由 HTTP 调用触发的 dotnet 5 Azure 函数 dotnet isolated 该函数将由不同的 Azure 函数应用程序调用 我想使用 Azure AD 保护目标并使用 客户端凭据 OAuth2 流 我在以下位置找到
  • HighCharts 全宽问题

    我试图让渲染的图表填充 100 的父 div 但没有成功 有什么办法可以消除左右两侧的缝隙吗 http jsfiddle net sKV9d http jsfiddle net sKV9d var chart new Highcharts