highcharts 相关问题

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

Highcharts wordcloud:如何根据权重消除单词

我需要根据单词的权重来消除单词。我尝试在 arr.push 之前使用 word.weight 以避免权重低于 3 的单词进入数组......但这不起作用! </desc> <question vote="0"> <p>我需要根据单词的重量来消除单词。我尝试在 arr.push 之前使用 word.weight 以避免权重低于 3 的单词进入数组......但这不起作用!</p> <pre><code>&lt;script&gt; lines = text.replace(/[():&#39;?0-9]+/g, &#39;&#39;).split(/[,\. ]+/g), data = lines.reduce((arr, word) =&gt; { let obj = Highcharts.find(arr, obj =&gt; obj.name === word); if (obj) { obj.weight += 1; } else { obj = { name: word, weight: 1 }; if(word.weight&gt; 3) { arr.push(obj); } } return arr; }, []); &lt;/script&gt; </code></pre> </question> <answer tick="false" vote="0"> <p>您的代码将无法将单个元素推送到数组中,因为只有当该元素尚未包含在数组中时才推送。但在这种情况下,您创建了一个权重为 1 的 <pre><code>obj</code></pre>,由于您的 <pre><code>weight &gt; 3</code></pre> 条件,它不会被推动。我建议将所有单词推入数组,然后过滤掉权重为 3 或更少的单词</p> <p>此外,在您的情况下,<pre><code>word</code></pre>是一个<pre><code>string</code></pre>,而字符串没有<pre><code>weight</code></pre>属性。您可能想检查 <pre><code>if (obj.weight &gt; 3)</code></pre> 而不是...</p> <pre><code>&lt;script&gt; lines = text.replace(/[():&#39;?0-9]+/g, &#39;&#39;).split(/[,\. ]+/g), data = lines.reduce((arr, word) =&gt; { let obj = Highcharts.find(arr, obj =&gt; obj.name === word); if (obj) { obj.weight += 1; } else { obj = { name: word, weight: 1 }; arr.push(obj); } return arr; }, []).filter(x =&gt; x.weight &gt; 3); &lt;/script&gt; </code></pre> </answer> </body></html>

回答 0 投票 0

如何使仪表高图表响应

请参阅下面的 jsfiddle 目前很小,图例没有响应,如何使其响应[文本],没有标题它工作正常,但我也希望标题和图例在图表中响应 请...

回答 1 投票 0

具有多系列的单 y 轴,同一 y 轴上每个系列的最小值和最大值的刻度线,highchart

在此处输入图像描述,具有多系列的单 y 轴,同一 y 轴上的刻度线表示每个系列的最小值和最大值,高图。 刻度线应该位于第一个系列最大的顶部,第二个顶部第二个系列......

回答 1 投票 0

使用 Highcharts 地图创建点击弹出窗口

我正在使用 Highcharts 创建密歇根州的县地图。到目前为止我的代码如下: hcmap( “国家/美国/美国-米-所有”, 数据=数据框, 值=“距离”, 加入 = c(&

回答 1 投票 0

Highchart 如果有一个点就画线

我有以下图表,1分: 有没有办法从这一点画一条线或将点转换为一条线,如下面的屏幕截图所示? 或者 要测试的小提琴:https://jsfiddle.net/ak...

回答 1 投票 0

更改图表上的光标以进行缩放

我试图弄清楚如何更改图表上的默认光标('放大'),在onmousedown('col-resize')时更改,并在onmouseup('放大')上重置它。所有这一切,都不会破坏

回答 1 投票 0

缩放区域高图闪亮R的点坐标

我有这个散点图,我想放大一个区域,然后对表格进行子集化以仅显示子集化点的数据。第一步是通过 ZoomType = "xy" 完成的,但我遇到了麻烦......

回答 1 投票 0

highchart 导航器 - 禁用范围移动

我们正在使用 HighChart 导航器来显示一系列数据。目前,如果我们将光标放在左右范围按钮之间,我们就可以在图表中移动该范围,我们需要

回答 1 投票 0

highcharts 中的子弹图配置

使用 Highcharts 给出如下所示的子弹图: https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/bullet-graph 可以再多一点吗

回答 3 投票 0

将范围选择器添加到 highchars 面积图

我使用 highcharts 区域来表示一天的时间序列,我想向该图表添加范围选择器,我尝试使用 rangeSelector 属性,但它没有按预期工作。不知道我...

回答 1 投票 0

Highcharts x 轴从 0 开始

我有以下高图: 我想从第一个点 0,0 开始日期,这样它看起来像这样: 这是一个小提琴:https://jsfiddle.net/87230rms/ HTML: <p>我有以下高图: <a href="https://i.stack.imgur.com/BOeM0.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL0JPZU0wLnBuZw==" alt=""/></a></p> <p>我想从第一个点 0,0 开始日期,这样它看起来像这样: <a href="https://i.stack.imgur.com/JRUiN.jpg" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL0pSVWlOLmpwZw==" alt=""/></a></p> <p>这是一个小提琴:<a href="https://jsfiddle.net/87230rms/" rel="nofollow noreferrer">https://jsfiddle.net/87230rms/</a></p> <p>HTML:</p> <pre><code>&lt;script src=&#34;https://code.highcharts.com/highcharts.js&#34;&gt;&lt;/script&gt; &lt;script src=&#34;https://code.highcharts.com/modules/variwide.js&#34;&gt;&lt;/script&gt; &lt;script src=&#34;https://code.highcharts.com/modules/exporting.js&#34;&gt;&lt;/script&gt; &lt;script src=&#34;https://code.highcharts.com/modules/export-data.js&#34;&gt;&lt;/script&gt; &lt;script src=&#34;https://code.highcharts.com/modules/accessibility.js&#34;&gt;&lt;/script&gt; &lt;figure class=&#34;highcharts-figure&#34;&gt; &lt;div id=&#34;container&#34;&gt;&lt;/div&gt; &lt;/figure&gt; </code></pre> <p>JS:</p> <pre><code>Highcharts.chart(&#39;container&#39;, { yAxis: { min: 0 }, xAxis: [ { categories: [&#34;01-23&#34;, &#34;02-23&#34;, &#34;03-23&#34;, &#34;04-23&#34;] } ], legend: { enabled: false }, series: [ { data: [10, 20, 30, 40] } ] }); </code></pre> </question> <answer tick="false" vote="0"> <p>这对我有用:</p> <pre><code>series: [ { data: [10, 20, 30, 40], pointPlacement: &#39;on&#39; //Added this } ] </code></pre> <p>参考:<a href="https://api.highcharts.com/highcharts/plotOptions.series.pointPlacement" rel="nofollow noreferrer">https://api.highcharts.com/highcharts/plotOptions.series.pointPlacement</a></p> </answer> </body></html>

回答 0 投票 0

在高图表工具提示中使用句点 (.) 分隔千位

我想在 highchart 工具提示中使用句点 (.) 分隔千位,例如 'lang': { 'thousandsSep': '.'但我没有成功。 这句话表达了尝试不同方法的挫败感...

回答 1 投票 0


Highcharts 甘特图大规模崩溃/扩展组延迟问题

我们构建了动态的 Highcharts 甘特项目管理,并添加了折叠/展开所有组/任务的功能。 它有效,但仅适用于少数群体,当群体数量巨大时,它......

回答 1 投票 0

Highcharts xAxis类别旋转柱形图

我正在使用列类型,xAxis中的类别旋转-45,我希望文本是水平的(0旋转)但换行。 使用 Angular 17、Bootstrap 5。 我在 ts 文件中尝试了这些选项,但没有任何改变...

回答 1 投票 0

Highcharts 线性渐变不起作用(react-highcharts)

系列:[ { name: '订单数据', 线宽:4, 数据: [ 5、 50、 10、 45、 10、 ...

回答 1 投票 0

具有向下钻取功能的 Highcharts 饼图:如何更改每个子类别的颜色

我需要创建一个具有向下钻取功能的饼图,但将向下钻取饼图中的每个子组着色为不同的颜色。现在,我得到了分配给数据集的默认颜色。家长派ch...

回答 1 投票 0

如何在highchart的时间线图表上显示多个相同日期

我正在使用 highchart,我需要显示时间线图表,但我需要在时间线上显示多个相同的日期,但我不确定如何显示多个相同的日期。 https://www.highcharts.com...

回答 1 投票 0

我们可以使用下拉菜单更改 amCharts 中的图表类型吗?

假设我最初加载了饼图,我希望用户从下拉列表中将其更改为折线图或任何其他类型的图表。我们如何在 amCharts 中实现它?我在 HighCharts 中看到过,但没有……

回答 1 投票 0

如何删除 Highcharts X 范围图表中系列之间的间距/填充?

我正在尝试删除 Highcharts X-Range 图表中系列之间添加的额外填充/空间。原因是我需要数据点位于正确的 Y 轴值上,但系列不同......

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.