如何设置Y轴高图上点的间隔

2024-01-06

我是第一次使用 highcharts,我试图弄清楚如何将 Y 轴点设置为静态。

我使用了 min=0 和 max=140 ,y 轴上的点为 0,25,50,75,100,125 和 150。其中我希望它为 0,20,40,60,80,100,140。

有人可以让我知道我怎样才能实现这一目标吗?

以下是高图选项:

 var chart1 = new Highcharts.Chart({
        chart: {
            renderTo: 'Div1',
            width: 600,
            height: 400

        },
        yAxis:{
            min: 0, max: 140,

            lineColor: '#FF0000',
            lineWidth: 1,
            title: {
                text: 'Values'

        },
        plotLines: [{
                value: 0,
                width: 10,
                color: '#808080'
            }]
        },
        series: [{
            name: 'Value',
            data: YaxisValuesArray
        }]
    });

});

您可以设置tickInterval(http://api.highcharts.com/highstock#yAxis.tickInterval http://api.highcharts.com/highstock#yAxis.tickInterval)在轴上http://jsfiddle.net/blaird/KdHME/ http://jsfiddle.net/blaird/KdHME/

$(function () {
    var chart1 = new Highcharts.Chart({
        chart: {
            renderTo: 'Div1',
            width: 600,
            height: 400

        },

        credits: {
            enabled: false
        },


        title: {
            text: 'Productivity Report',

            x: -20 //center
        },

        xAxis: {
            lineColor: '#FF0000',
            categories: [1, 2, 3]
        },
        yAxis: {
            min: 0,
            max: 140,
            tickInterval: 20,
            lineColor: '#FF0000',
            lineWidth: 1,
            title: {
                text: 'Values'

            },
            plotLines: [{
                value: 0,
                width: 10,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: ''
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle',
            borderWidth: 0
        },


        series: [{
            name: 'Value',
            data: [
                [1, 10],
                [2, 20],
                [3, 30]
            ]
        }]
    });

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

如何设置Y轴高图上点的间隔 的相关文章

  • Highcharts 同步图表显示工具提示

    我想在同步图表中显示工具提示 请看这个Jsfiddle http jsfiddle net 51zdn0jz 5 container bind mousemove touchmove touchstart function e var ch
  • 禁用 HighCharts 上的悬停

    我使用 HighCharts 库构建了一个饼图 这是我的图表 http jsfiddle net t2MxW 20890 var chart new Highcharts Chart colors 0072BC BFDAFF DDDF00
  • 重叠数据标签折线图高图

    How i can solve the problem of the values dataLabels below 我的 JSFiddle http jsfiddle net 3kVJS 3 http jsfiddle net 3kVJS
  • 如何检测 highcharts 中的缩放事件?

    是否可以检测 Highcharts 中的缩放事件 我的用例是 我有一些图表外部的状态 当用户放大其中的一部分时 我想检测 x 轴上的新时间范围并更新相应的外部状态 你有没有尝试过高图表API http api highcharts com
  • 将附加数据添加到 Highcharts 上的饼图工具提示中

    我正在尝试使用 highcharts 将附加数据添加到我的饼图中 尝试解释一下 我有一个浏览器饼图 火狐 10 铬 12 探索者 65 歌剧 13 我想添加更多信息以在工具提示中显示 例如 火狐 10 其中女性用户 5 铬 12 其中女性用
  • Highstocks 图表宽度未正确呈现

    您好 我在使用 jquery 选项卡时遇到 highstocks 问题 这是构造函数的代码 Chart new Highcharts StockChart Chart new Highcharts StockChart chart rend
  • Highcharts 使用格式化程序更改工具提示日期时间

    我有一个如下图所示的图表 默认情况下 每个工具提示值都位于其自己的工具提示 气泡 中 日期时间位于 Y 轴底部 悬停在 X 标签顶部 问题在于 更改日期时间的格式以匹配区域设置对于 Highcharts 来说不是动态的 我知道我可以让用户更
  • 删除 highcharts.com 积分链接

    我刚刚购买高图表 http www highcharts com 但制作人员链接仍然出现在我的图表上 这些图表在我的网站上非常突出 并且扭曲了图表视图 我以为我会有一个选项 那么如何删除它呢 您可以自定义制作人员名单 更改 URL 文本 位
  • 使用 Highcharts 和 React 创建条形图 - 出现未找到渲染 div 的错误

    我正在尝试在我的 Web 应用程序中使用 Highcharts 创建条形图 该应用程序在前端使用 React 下面是我的仪表板 tsx 文件的片段 我基本上只是从 JSFiddle 复制并粘贴了代码 http jsfiddle net 8q
  • 创建超过 2 组的高图表密度

    我尝试用两个以上的组创建高图表密度 我找到了一种手动将它们逐一添加的方法 但必须有更好的方法来处理组 示例 我想创建一个类似于下面的ggplot图表的highchart 而不需要将它们一一添加 有什么办法可以做到吗 d f lt data
  • 在高图表中突出显示一系列条形图中的一个条形图?

    我有一个图表 显示堆叠和分组的条形图 类似于这个演示 http www highcharts com demo column stacked and grouped 有没有办法从 JavaScript 代码中使系列之一中的其中一个栏突出显示
  • 加载 highchart 时 Android 错误膨胀类

    我正在尝试加载highcharts via Dialog 下面是我的代码 Gradle implementation com highsoft highcharts highcharts 9 0 1 XML
  • 在 Highcharts (React Native) 上触发点击事件时,无法执行除“警报”之外的任何其他操作

    我在 React Native 中使用 Highcharts 对于条形图 我定义了以下单击事件 plotOptions series cursor pointer point events click gt alert Clicked 我想
  • jQuery - 系列之外的 HighCharts 标签(条形图)

    function container highcharts chart type bar backgroundColor null width 360 title text null style display none subtitle
  • Highcharts 问题 - 在可缩放图表中显示标签

    我有一个缩放柱形图 xAxis 中有 200 多个类别 因此 当它处于初始状态 比例1 1 时 所有这些家伙都显示在X轴下方 即使我将它们垂直放置 也无法读取任何内容 我需要缩放图表以使标签可见 Here s screenshot of t
  • Highcharts-more 的替代品

    As per npm https www npmjs com package highcharts morehighcharts more js 已弃用 我们只需要从 highcharts 文件夹中导入相应的模块即可 但是当我尝试删除 hi
  • highcharts图表重绘方法不刷新图表

    我很好奇为什么按钮 2 不起作用example http jsfiddle net uKWQ9 1 在这个 jsfiddle 示例中 附加到按钮 1 的 更新 方法正在工作 但在我的原始代码中 更新 也不起作用 它显示错误 对象 没有方法
  • 如何创建 highcharter 事件函数以在 Shiny R 中创建“下拉函数”

    我正在建造一个shiny应用程序 我想要完成的事情之一是创建一个下拉菜单 我想将劳动力变量绘制为不同级别的年份变量的函数 请参阅下面的示例数据框 year level 2 level 3 labour 1 2013 10 101 1 2 2
  • 设置股票数据 Highcharts xAxis 的格式

    我已经浏览了需要为 xAxis 属性设置的 Highcharts 选项来格式化时间标签 但没有运气了解这对于这种情况到底是如何工作的 我在白天 盘中 检索了股票的动态数据 我需要显示这些数据 因为检索的数据每天从 9 30 开始到 17 0
  • Highcharts 的 onReady 事件?

    有没有onReady 或类似 HighCharts 准备好活动了吗 目前 HighCharts 仅提供addSeries click load redraw and selection对于图表对象 http www highcharts c

随机推荐

  • 如何根据值更改输入滑块拇指颜色?

    我正在制作一个包含范围输入滑块的网站 我希望滑块拇指根据滑块的值改变颜色 例如 如果值为 0 则拇指颜色将为rgb 255 0 0 如果是 100 颜色将为rgb 0 255 0 拇指会变色 需要明确的是 我不想要这样的事情 if slid
  • 使用 html/css3 和 WebView 将图像缩放到屏幕...在图像加载之前出现白屏

    我正在 Android 中使用 WebView 来加载一些本地 html 将图像缩放到屏幕作为背景 但是 当我开始加载 WebView 的活动时 我在图像之前看到了非常短暂的白屏闪烁负载 这不是什么大不了的事 但我想避免这种情况 我尝试将所
  • Django:如何迁移运行时创建的动态模型

    在我的 Django 应用程序中 特定的用户输入将导致创建新模型 这是我用来创建模型并注册它的代码 model type model name ExistingModel attrs admin site register model ad
  • 如何让 Safari 发送 if-modified-since 标头?

    当我生成页面时 我发送标题 HTTP 1 1 200 OK Cache Control private Content Type text html charset utf 8 Last Modified Mon 04 Apr 2011 2
  • PHP 中的 JavaScript 函数 fromCharCode()

    var test String fromCharCode 112 108 97 105 110 document write test Output plain 有没有 PHP 代码可以用作String fromCharCode JavaS
  • CanCan::Ability current_user 方法在哪里定义?

    差不多就是我在标题中提到的内容 我在代码中使用 CanCan Ability 来检查权限和能力 它期望定义一个 current user 方法 我猜它来自 devise 但不确定 我希望覆盖它 最好的方法是什么 被发现了here https
  • JQuery:可以有 3 个输入的滑块吗?

    我想创建一个具有 3 个输入的滑块 我做了很多研究 但找不到比带有 2 个输入的滑块更多的东西 这是代码 http jqueryui com slider range http jqueryui com slider range 如何创建
  • pip - 使用项目文件夹作为安装源

    我想配置pip使用自定义搜索路径从本地文件夹安装包 该文件夹未托管在 PyPI 上 目标是能够运行 pip install user my non published package 并让它安装所述软件包 home myuser proje
  • JSTree 检查所选节点是否为叶子或仅叶子可选

    我创建了一个jstree如下 js tree jstree core data url pageContext request contextPath makeTree plugins types search data function
  • SAM 模板内的 IAM 角色

    如何在 SAM 模板中创建 IAM 角色 就像我在 SAM 包中所做的那样 我尝试了如下 lambdaFunctionRole Type AWS IAM Role Properties AssumeRolePolicyDocument Ve
  • 如何从父文档访问 iframe 内的元素?

    function contents nb name height 1 document getElementById contents iframe height height px 2 var currentIFrame contents
  • 有效 32 位有符号整数的正则表达式

    我很确定这个网站实际上还没有回答这个问题 一劳永逸地 匹配 32 位有符号整数范围内的数字字符串的最小正则表达式是什么 2147483648 to 2147483647 I must使用正则表达式进行验证 这是我可用的唯一选项 我努力了 d
  • 如何将接口转换为 C# 中的类型?

    我有一个返回接口的属性 在调试过程中 我可以中断返回的内容 虽然它是接口 但 Visual Studio 足够聪明 可以知道它实际上是什么派生类型 我认为它正在使用反射或其他东西 我不知道 我的问题是 我可以在运行时获得相同的信息 以便我可
  • 在 Apache Camel 日志中记录简单文本

    可以在 Camel 中记录简单文本 如下所示
  • 按 pandas 中除一个索引列之外的所有内容进行分组

    我的数据分析反复依赖于一个简单但不确定的主题 即 对除外的所有内容进行分组 以这个多索引为例 df accuracy velocity name condition trial john a 1 1 403105 0 419850 2 0
  • 拥有多个文件组是否有助于加快数据库速度?

    目前 我正在开发一个使用 MS SQL Server 2005 进行相当密集计算的产品 在较高的层面上 我的产品的架构基于 运行 的概念 每次我进行一些分析时 它都会存储在一系列中运行表数 每次运行约 100 个表 我遇到的问题是 当运行次
  • 导入 MDC Switch 组件时出现“无法读取未定义的属性‘MDCSwitch’”错误

    我正在使用express和material components web编写一个Node应用程序 但我遇到了一个问题 TextField可以工作 但Switch不能 这是我用来将相关 JS 附加到元素的代码 slice call docum
  • 检测可滚动下拉列表的结尾

    我正在动态生成一个选择选项框 可以有任意数量的选项 当用户向下滚动到框的末尾时 我需要触发一个事件 我将调用服务器并使用更多选项填充选择 这就像创建分页 但是在下拉框中 谁能告诉我如何做到这一点 所以我唯一需要的是当用户滚动到下拉列表的末尾
  • 插件无法加载

    为什么我的插件无法加载 引用了 jquery 和插件链接 该插件名为 请帮我找到代码中缺少的内容
  • 如何设置Y轴高图上点的间隔

    我是第一次使用 highcharts 我试图弄清楚如何将 Y 轴点设置为静态 我使用了 min 0 和 max 140 y 轴上的点为 0 25 50 75 100 125 和 150 其中我希望它为 0 20 40 60 80 100 1