highcharts 相关问题

Highcharts是一个使用HTML,SVG和VML的Javascript图表库。该编辑器提供该产品的开源/非营利和商业版本。

可以在HighCharts中禁用发现最终的行为,但请保留点击事件?

在我的项目中,我需要创建一个图表,在该图表中,用户应该可以点击系列数据,但是当将光标移动到图表中时,这些要点不应突出显示 - 仅在光标为在一个系列点上生效。有可能实现这种行为吗?

回答 1 投票 0

Highcharts 无法正确加载 ReactJs

我正在尝试将“react”:“18.3.1”与highcharts一起使用 ├─┬ highcharts-react-official@3.2.1 │ └── highcharts@12.1.2 重复数据删除 └── highcharts@12.1.2 基本的高图表是有效的,但是

回答 1 投票 0

访问 highcharts 工具提示内链接内的变量

我正在向我的 highcharts 工具提示添加一个链接,我需要将变量 {point.key} 添加到链接内,但我无法访问它。当我将其从标签中取出时,我可以正常访问它。

回答 2 投票 0

React Highcharts 刻度间隔

我正在使用 HighCharts(“highcharts-react-official”:“^3.2.0”)。 我想让 xAxis 分成 6 个刻度,其中每个间隔等于第一个数据点之间的时间...

回答 1 投票 0

3D Highcharts 堆叠条形图,折线图不显示在前面

我正在尝试实现一个图表,其中我们将有一个堆积条形图。堆栈代表“已使用”、“未使用”、“离线”,线条代表平均值。 x 轴代表 0-23 ho...

回答 1 投票 0

固定标记位置以布局而不是数据点

我想制作一个可滑动的图表视图,在图表的最右侧应该有一条带有标记的垂直线。当我左右滑动数据时,标记应始终显示 c...

回答 1 投票 0

带有折线图配置的 Highcharts 堆叠条形图,条形图前面不显示折线图

我正在尝试实现一个图表,其中我们将有一个堆积条形图。堆栈代表“已使用”、“未使用”、“离线”,线条代表平均值。 x 轴代表 0-23 ho...

回答 1 投票 0

无法扩展 Highcharts 以使用 Angular 18 中的导出模块:

我们可以将 highcharts 导出为不同的格式,如 png、jpeg、xlsx 等。我们最近从 Angular 14 升级到 Angular 18。突然,此功能无法正常工作并出现以下错误:

回答 1 投票 0

如何让 Highcharts 图表填充父高度?

我有一个图表,我想将其填充为父母身高的 100%。 我已经看到了有关此主题的许多其他问题,其中大多数都指向类似于

回答 1 投票 0

Sankey 图无法使用 json 输出进行交付

使用数据库中的数据我试图模拟工作 JSFiddle 的桑基图。 我正在使用下面的代码组装我的数据 // sdata.php 使用数据库中的数据,我正在尝试模拟桑基图工作 JSFiddle。 我正在使用下面的代码组装我的数据 // sdata.php <?php $con = sqlsrv_connect($server, $options); if (!$con){die('Could not connect: ' . sqlsrv_error());} $sql_query = "select * from test_data"; $result = sqlsrv_query($con, $sql_query); $series = array(); $series['type'] = 'sankey'; $series['name'] = 'Gendata'; $series['keys'] = '[\'from\',\'to\',\'weight\']'; while($r = sqlsrv_fetch_array($result)) { $series1 = array(); $series1[] = $r['PARENT']; $series1[] = $r['CHILD']; $series1[] = $r['DGEN']; $series['data'][] = $series1; } $result = array(); array_push($result,$series); print json_encode($result, JSON_NUMERIC_CHECK); sqlsrv_close($con); ?> 我的 JSON 看起来像 [{ "type":"sankey", "name":"Gendata", "keys":"['from','to','weight']", "data":[ ["GROUP","COAL",24.46], ["GROUP","GAS",11.96],["GROUP","HYDRO",19.36], ["HYDRO","HYD",19.36], ["COAL","ER2",22.4],["GAS","NR",19] ] }] 我的图表渲染代码看起来像 $(document).ready(function() { var options = { chart: { renderTo: 'container', showAxes: true }, yAxis: [{ lineWidth: 1, tickPositions: [0, 1, 2, 3] }], title: { text: 'Sankey Diagram' }, series: [] } $.getJSON("sdata.php", function(resp) { console.log(resp); options.series[0] = resp[1]; //option 1 to assign the data in series //options.series.push.resp; //option 2 to push the data in series chart = new Highcharts.Chart(options); }); }); 但我失败了。我无法找到我丢失的错误 请帮助我。 如果我需要任何进一步的信息,请告诉我。 从您在此处发布的代码来看,错误是您的 keys 作业。 你有: "keys":"['from','to','weight']", 但必须是: "keys": ['from','to','weight'], 也就是说,数组不应该用引号引起来,因为这样它将被解释为字符串。 在你的 PHP 中这意味着: $series['keys'] = '[\'from\',\'to\',\'weight\']'; 需要: $series['keys'] = ['from', 'to', 'weight']; 工作示例:https://jsfiddle.net/ewolden/aeh02djx/

回答 1 投票 0

类型错误:无法读取未定义的属性(读取“activeDataLabelStyle”)

我的 React 页面上有一个 Highcharts 图表,我在通过更新状态挂钩获取数据后重新绘制它。这在开发模式下运行良好,没有任何问题。 然而,在 npm run build 和 st 之后...

回答 1 投票 0

Highcharts 可拖动分组错误栏

我正在尝试设置一个 Highcharts 演示,其中单独使用错误栏(没有其他数据系列)。我希望错误栏可以在 Y 轴上拖动并分组,这样如果您拖动一个错误栏

回答 1 投票 0

是否可以以编程方式导出 Highcharts 图表?

我想使用服务器显示的网页上的数据制作一些报告并将其邮寄出去。 有没有办法通过代码导出图表;这样我就可以将其附在邮件中吗?...

回答 3 投票 0

Highcharts yAxis 类别未最接近轴线对齐

我想调整 yAxis 类别的位置。具体来说,我希望第一个类别(“低”)从 xAxis 线开始,前面没有任何填充或空格。 高...

回答 1 投票 0

当最小值和最大值的范围较大时,堆叠柱形图条形重叠

使用带有堆叠的柱形图, 如果系列中的最小值和最大值之间存在很大差异,则低值会重叠,是否有解决方法? 查看一月类别...

回答 1 投票 0

Highcharts:afterPrint的调用方式

我在这里讨论了一个问题:取消打印后的页面不会调整图表大小。 https://github.com/highslide-software/highcharts.com/issues/1093 我希望重现那里提到的解决方案。

回答 2 投票 0


如何在Highchart下正确显示重叠值?

我已经实现了大量的代码来显示高图 下面是完整的代码 我的JS代码 const getBenchmarkChartSettings = (模型, isEpd) => { 让 isStrScore = model.isStrScore; ...

回答 1 投票 0

为什么我的 Highcharts 未定义?

我在几个项目中使用这个库已经快一年了,昨天它像往常一样工作得很好,但今天我在所有项目上都遇到了错误: 未捕获的引用错误:Highchar...

回答 2 投票 0

为什么我得到 Highcharts 未定义?

我在几个项目上与图书馆合作了近一年,昨天它像往常一样工作完美,但今天我在所有项目上都遇到错误: 未捕获的引用错误:Highchart...

回答 1 投票 0

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.