Highcharts水平滚动

文章/答案/技术大牛

发布

0回答

javascript、jquery、highcharts

我是highcharts的新手，我正在尝试做一个带有线条和线条的图形。条形表示设定值的平均值，线条表示集合的实际值。然后我决定放置一个水平滚动，我已经在Stack Overflow帖子中看到，我必须包括highstock.js，启用滚动条，并设置参数min和max来启用滚动。我做到了，我的图表可以工作，但没有滚动条。图表链接：<script src="https://code.highcharts

浏览 0提问于2017-06-03得票数 0

回答已采纳

1回答

Highcharts/Highstock跑圈

highcharts

我正在为跑步者制作一个图表，该图表必须像Highstock中那样可滚动。如何使用滚动功能显示圈数？chart = Highcharts.stockChart({ renderTo: 'container', type:我想做一个像这样的水平卷轴 ? 如果我使用Highcharts，我就不能滚动。如果我使用Highstock，就会有日期而不是圈。我怎么才能修复它？

浏览 10提问于2019-02-04得票数 0

回答已采纳

1回答

带有垂直滚动条的条形图(高股票/高图表)

highcharts、scrollbar

正如你在下面给出的x轴的水平滚动条上所看到的那样。在我的例子中，我需要一个条形图，也就是把图表的'type‘改为' bar’，但是这里x轴的水平滚动条就有点混乱了。有没有办法让这个滚动条在highcharts或highstocks中保持垂直，同时保持其滚动x轴的功能不变。var chart = new Highcharts.Chart({ renderTo: 'container

浏览 2提问于2013-05-30得票数 1

1回答

highcharts中的水平滚动条

highcharts、scroll

我正在尝试让水平滚动条在我的highcharts图表中工作。虽然会出现水平滚动条，但没有可滚动的空间。为了能够容纳所有数据，该图实际上正在变得越来越小。chart: { renderTo: '&& Highcharts.th

浏览 0提问于2013-06-12得票数 3

1回答

Ionic ionScroll不与AmCharts一起使用

javascript、android、ionic-framework、amcharts

我正在尝试使用ionScroll组件使基本图表(使用AmChart库创建)可滚动n轴X： E/Web Console﹕ Uncaught

浏览 27提问于2014-10-13得票数 0

1回答

HighCharts组织结构图提供可滚动的容器

javascript、highcharts、orgchart

我对highcharts的组织结构图有点问题。问题是，图表将是一个大的，我需要水平滚动条的图表容器，或使图表水平滚动。我曾尝试启用滚动条图表或使容器的图表滚动使用css，但没有运气，highcharts试图适应窗口大小的图表，这是不能接受的这种情况下。已尝试使用下面的js代码启用滚动条 enabled:true,

浏览 2提问于2019-05-27得票数 0

1回答

Highcharts节点的渲染范围不够宽

highcharts、angular2-highcharts

我有一个highcharts angular组织结构图，当图表中有很多节点时，框变小，文本被隐藏。如何才能使图表根据需要扩展(并显示一个水平滚动条)，以便所有内容都完全可见？chartOptions: Highcharts.Options = { title: { text: nullcolorByPoint: false, bo

浏览 10提问于2020-10-21得票数 0

1回答

如何允许在高图表中垂直和水平滚动？

javascript、html、angular、highcharts

我试图制作一个图表，它在X轴和Y轴上都有动态的项目数，使用高级图表(highcharts-angular作为包装器)在角应用程序中。我希望使用浏览器scrollablePlotArea (它提供本机滚动功能)使其水平和垂直滚动。 scrollablePlotArea: { minWidth: 800 }但是在这种情

浏览 0提问于2019-06-20得票数 0

4回答

如何使highcharts在x轴上有较大范围时可水平滚动

highcharts

我正在动态生成x轴和y轴数据并显示highcharts，但当x轴范围较大且间隔较小时，图表会变得混乱。<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div> function makeC

浏览 3提问于2013-05-23得票数 13

回答已采纳

3回答

如何在Highcharts中创建滚动条

javascript、angular、ionic-framework、highcharts、ionic3

我有一个使用Highcharts库的图表，我的图表如下所示：我用的是离子3，我试着用高库存，但没有成功。

浏览 9提问于2018-02-24得票数 1

回答已采纳

2回答

Highcharts自定义漏斗

javascript、angularjs、highcharts、highcharts-ng

我是Highcharts库的新手，需要创建一个水平漏斗。有一个现有的漏斗：，但没有使其水平的选项。我一直在阅读关于如何扩展highcharts的文档，但我不知道如何做到这一点。可以用Highcharts创建这个水平漏斗吗？

浏览 5提问于2016-04-28得票数 0

1回答

High图表/ highstock列并不显示所有的数据标记

javascript、jquery、highcharts、highstock

我使用highstock是因为我需要列上水平滚动条。$('#container').highcharts({ formatter: function () { y: 100, borderWidth: 0, backgroundColor: ((Highcharts.theme&& <e

浏览 1提问于2015-04-18得票数 3

回答已采纳

1回答

wkhtmltoimage不显示highcharts图的网格线

javascript、symfony、highcharts、wkhtmltoimage

我正在使用symfony生成，但wkhtmltoimage不能正确显示网格线：我的knp_snappy.image配置如下： encoding: UTF-8 width: 0 zoom: 3plotOptions: {

浏览 12提问于2017-05-03得票数 3

1回答

如何在高图图中移动工具提示位置？

highcharts

我正在使用highcharts.js构建水平条形图。它的工作正常，但默认情况下，工具提示显示水平，所以我希望工具提示位置是垂直的，而不是水平。样本代码： var chart; chart = new Highcharts.Chart&& Highcharts.theme.text

浏览 4提问于2016-08-29得票数 6

回答已采纳

1回答

当highcharts-容器溢出可见时，Windows8上IE10中的空格

highcharts

我使用了在该线程末尾指定的技术：，以允许工具提示在highcharts容器之外流动。下面是这个问题的演示：你需要在Windows8上观看IE10演示才能看到它。这对我的应用程序来说是一个问题，因为它显示在一个非常宽的页面上，页面上有一个水平滚动条，这反过来又会扰乱我的一些scrollTo js函数。

浏览 2提问于2013-03-30得票数 0

1回答

当我水平滚动数据点时，Highcharts可以防止移动Safari上的页面上下移动

javascript、reactjs、highcharts、react-highcharts

我在React中使用Highcharts系列折线图。配置如下。一切都很好，除了Safari这样的移动浏览器，当我在折线图上(水平地)移动手指以“悬停”在一系列中的每个数据点上时，它也会如此轻微地垂直移动页面。我假设每次我水平平移我的手指时，也会有一些垂直的移动(你的手指不可能在一个完美的水平线上移动)。问题是:当我在Highcharts上水平平移时，是否可以“锁定”页面，使其不能上下滚动？

浏览 7提问于2021-04-17得票数 0

1回答

Highcharts -如何禁用柱状图周围的空格

javascript、html、css、highcharts

每当我制作柱状图时，我都会得到带有标记svg.highcharts-root的空白宽度，我不知道如何禁用它。这占据了指定div的整个宽度。

浏览 0提问于2016-10-21得票数 0

1回答

Highcharts Y轴始终可见(即使在水平滚动之后)

highcharts

我正在生成具有许多列的Highcharts柱状图。图表非常宽，需要滚动(通过Highcharts div上的CSS overflow选项)。有没有办法让Y轴始终可见，即使滚动到右侧也是如此？我知道Highstock有一个滚动条的选项，但我只使用Highcharts。那里有可比的东西吗？提前谢谢。

浏览 0提问于2014-04-05得票数 0

1回答

如何使用高级图表将默认缩放设置为6个月？

highcharts

我有两个highcharts-react图表，其中默认的缩放水平应该是6个月(对于x轴)。有，但我不知道如何使用React来实现它。这就是我所得到的：import HighchartsReact from "highcharts-react-official"; import more from "highcha

浏览 3提问于2020-01-09得票数 1

回答已采纳

1回答

如何在高级可访问图表中启用滚动

highcharts

我使用的是滚动条：{enabled: true}，但它不适用于高级图表中的可访问图表。请分享你的想法

浏览 1提问于2021-10-20得票数 1

回答已采纳

点击加载更多