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 全宽问题 的相关文章

  • 角度垫排序不适用于带点表示法的 matColumnDef

    我正在尝试按列对表进行排序 当我必须过滤另一个结果中的结果时 就会出现问题 我尝试通过括号表示法和点表示法访问该属性 但没有给出结果 还将最终节点放置在 matColumnDef 中 但失败 因为有 2 列同名 table table
  • 仅在 Chrome 上我收到此错误:Uncaught TypeError: Illegal constructor [关闭]

    Closed 这个问题是无法重现或由拼写错误引起 help closed questions 目前不接受答案 当我在 Chrome 上加载 jQuery 时 我会收到此错误 Uncaught TypeError Illegal constr
  • 如何将类型添加到 Vite 库构建中?

    我按照vite文档使用图书馆模式 https vitejs dev guide build html library mode我能够生成一个工作组件库 我创建了该项目vue ts预设 在我的组件中 我定义了道具及其类型 并使用了一些接口 但
  • fadeOut() 和slideUp() 同时进行?

    我已经发现jQuery 淡出然后滑动 https stackoverflow com questions 734554 jquery fadeout then slideup这很好 但不是那个 我怎么能够fadeOut and slideU
  • 修改 Twitter 帖子上可编辑 Div 的内容

    我正在编写一个 chrome 扩展 它可以帮助用户在 Twitter 上输入内容 当在 twitter 上写推文时 twitter 会打开一个可编辑的 div 容器 当用户输入内容时 twitter 大概正在使用某些网络框架 会生成子 di
  • Rangy:插入符号下的单词(再次)

    我正在尝试创建一个预输入代码以添加到 wysihtml5 富文本编辑器 基本上 我需要能够插入人员 标签引用 例如 Twitter Github Facebook 我发现一些人试图实现同样的事情的代码 http jsfiddle net A
  • 非法使用break语句; javascript

    当这个变量达到一定数量时 我希望循环停止 但我不断收到错误 未捕获的语法错误 非法的中断语句 function loop if isPlaying jet1 draw drawAllEnemies requestAnimFrame loop
  • 如何在具有相同值的下拉菜单上触发 jQuery 更改事件

    即使用户选择相同的值 如何每次都触发 jQuery 更改事件 我需要刷新效果 例如如果用户选择Lawyer它会发出警报hello然后用户再次选择Lawyer从下拉菜单中 它应该发出警报hello 我怎样才能实现它 以下是代码 jQuery
  • 如何按 Angular 表中的属性(该属性具有单个 rownspan)进行分组?

    我没有找到这个问题的合适标题 我的问题是 例如 我有一个包含两列的表 列汽车品牌和列汽车型号 我希望表是 like in this picture 换句话说 品牌名称只会出现 1 次 我的输入数组采用以下 json 格式 brand Aud
  • Riak 在 MapReduce 查询中失败。使用哪种配置?

    我正在与 riak riak js 结合开发一个 nodejs 应用程序 并遇到以下问题 运行此请求 db mapreduce add logs run 正确返回存储在存储桶日志中的所有 155 000 个项目及其 ID logs 1GXt
  • Aurelia 中的角度服务?

    我还没有找到详细说明如何从 Angular 1 x 迁移到 Aurelia 的详细文档 到目前为止 我只看到人们详细介绍了 Angular 的概念directive可以在 Aurelia 中使用重制 customElement 好吧 足够简
  • D3 向对象添加超链接?

    我正在尝试制作 D3 图 它将代表我网站的菜单 我尝试按照此处的其他指南添加超链接 但它们都不起作用 每个对象都会有一个不同的 URL 指向 主页 关于 联系方式等 如果添加超链接 我可以拖动对象吗 这意味着如果我按住单击 如果我单击该对象
  • 引用自身的 Javascript 对象...有问题吗?

    由于 Javascript 允许通过引用分配复合值 因此如果 Javascript 对象引用自身 它将创建无限的引用集 如控制台中所示 这看起来像是某种无限循环 但 Chrome 似乎没有问题 这样做是否存在任何内存问题或其他风险 就记忆力
  • 如何使用 GreaseMonkey 让浏览器恢复“/”键?

    Lots of web pages seem to use the key for searching I d like to disable that because 100 of the time I want to use to se
  • Angularjs : $locationProvider.hashPrefix("!") ;

    我想将网址显示为 www test com 因为我正在使用 locationProvider hashPrefix 但它显示网址为 www test com 我想 哈希之前而不是哈希之后 Thanks var app angular mod
  • 在javascript中创建图像的缩略图方块(不丢失纵横比)

    我正在制作一个客户端拖放文件上传脚本作为书签 在上传之前 我使用 File API 将图像读取为 base64 格式并将其显示为缩略图 This is how my thumbnails look like I want them to l
  • 标记(Markdown)+ Mermaid(流程图和图表)

    努力去争取 美人鱼 https github com knsv mermaid https github com knsv mermaid跟 共事 标记 https github com chjj marked https github c
  • Keycloak-js updateToken(minValidity) 需要澄清

    我在Keycloak js中阅读了很多该方法的示例 但没有对以下方法进行明确的解释 updateToken minValidity number KeycloakPromise
  • Chrome 调试器注入 javascript

    我有这样的好奇心 是否可以以某种方式在我的页面中注入 javascript 并执行它并调试它 正如您在控制台中所做的那样 但在控制台中您无法暂停并观察变量 是否可以调试我通过控制台输入的代码 为什么无法调试通过 XHR 接收的代码 Than
  • 如何通过点击复制 folium 地图上的标记位置?

    I am able to print the location of a given marker on the map using folium plugins MousePosition class GeoMap def update

随机推荐

  • 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