charts 相关问题

图表是数据的图形表示,通常采用图形或图表的格式。使用此标记可以了解有关使用图表库API的问题。

SSRS 中的瀑布图

我正在尝试在 SSRS Report Builder 2012 3.0 中制作瀑布图。它应该看起来像这样: 我使用了范围图表类型,但我只得到一堆彼此相邻的条形图。所以他们...

回答 2 投票 0

在react echarts中我们需要显示20以上的机密区间图

您好,在下面的屏幕截图中,我需要显示 20 以上的置信区间图表。请提供您的建议。 谢谢

回答 1 投票 0

Angular 18 图表库

我计划将我的 Angular 项目从版本 17 迁移到版本 18。 目前我正在使用 Plotly.js-dist-min 库来绘制图表。 构建项目(ng build)时,plotly.js 库不会

回答 1 投票 0

堆积柱形图在每列顶部显示一个小的零值条子

我有一个堆积柱形图。每列都有三个块,但其中一些块的值为零。 列将最后一个元素显示为一个可悬停的小切片。 我希望这没有

回答 1 投票 0

在 Medical Dashboard LightningchartJS 中使用 websocket 进行直播时出现延迟

我目前正在使用 LightningchartJS 的医疗仪表板,它有 4 个通道:心电图、脉搏率、呼吸频率、血压,并使用 websocket 将实时数据输入到图表中。 但我...

回答 1 投票 0

在一张图表上绘制两个系列

我试图在一张图表上绘制两个系列,第一个显示随时间变化的实际值,第二个显示它们正在接近的最大值。 第一行出现。 第二个系列已创建并...

回答 1 投票 0

折线图未显示,被视为柱形数据的一部分

我对 HighCharts 非常陌生,我决定今年夏天用它来制作一些图表。 正如标题中提到的,我想制作一个带有堆叠柱和线(或样条线)的组合图表。

回答 1 投票 0

如何使用chart.js 3.x绘制水平线?无法让它工作

目标 我想在我的 html 页面中使用 CDN 集成的 Chart.js 3.x 创建一个由三个水平线组成的图表,这些水平线覆盖我的实际数据集线。 所以,我没有自己的 Chart.js 安装...

回答 3 投票 0

如何增加Syncfusion Flutter Chart的Column Series中的条形宽度?

我正在尝试自定义 Syncfusion Flutter 图表中柱形图的外观。具体来说,我想增加条形的宽度,但我不知道如何调整它。 这是我的代码

回答 1 投票 0

是否可以在chart.js中隐藏分段?

我想知道是否可以将线条设置为隐藏在chartjs数据集->分段中, 像这样: const down = (ctx, value) => ctx.p0.parsed.y > ctx.p1.parsed.y ?值:未定义; const up = (ctx, v...

回答 1 投票 0

是否可以在chart.js中隐藏分段?

我想知道是否可以将线条设置为隐藏在chartjs数据集->分段中, 像这样: const down = (ctx, value) => ctx.p0.parsed.y > ctx.p1.parsed.y ?值:未定义; const up = (ctx, v...

回答 1 投票 0

是否可以在chart.js中隐藏分段?

我想知道是否可以将线条设置为隐藏在chartjs数据集->分段中 像这样: const down = (ctx, value) => ctx.p0.parsed.y > ctx.p1.parsed.y ?值:未定义; 常量向上 = (ctx, va...

回答 1 投票 0

根据线性回归结果动态改变 vega-lite 面积图的颜色

我们有时间序列数据,并叠加线性回归来指示趋势 现在,如果趋势正在下降,我们想将其染成红色,如下所示 参见示例 我们已经尝试过...

回答 1 投票 0

使用新数据更新图表 vue3-chart

我使用 vue3-chart-v2 在 Vue 组件中有 Chart.js 图表。 一切正常,直到我想更新数据。 现在,我正在使用观察者来检查数据是否发生变化。 这可行,但是

回答 2 投票 0

在 TradingView 图表小部件上绘制水平直线

你好 我已将 TradingView 高级实时图表小部件添加到我的 React 加密项目中。我在图表上画线时遇到问题,从后端我得到一系列价格,我必须画线...

回答 1 投票 0

如何纯粹通过excel vba编程来创建堆积柱形图?

我正在尝试在VBA中创建一个堆积柱形图,其中有一个条形图,每个条形图显示图表上子类别的细分(参见图片右侧)。 对于普通酒吧...

回答 4 投票 0

Vue 3图表js导致无法读取null的属性(读取'getContext')?

我有按钮可以切换传递到此 ChartComponent 的数据。如果在切换和重新切换后按住任何几秒钟,那么它就可以工作,但如果我们做得有点快,那就是原因 无法读取 null 的属性 (r...

回答 2 投票 0

有什么想法可以在flutter中的行程帽.屁股或行程帽.方形上创建边框半径吗?

我们的目标是从这个半圆环图过渡到那个半圆环图。正如你所看到的,我们希望保持 笔画平方 或者 。屁股 然后在......的角上实现圆角边缘...

回答 1 投票 0

Looker Studio:使用自定义过滤器时出现时间序列图表错误

在尝试过滤品牌/非品牌关键字时,我遇到了时间序列图表的错误。 我在 Google Search Console 数据源中创建了一个组(请参阅屏幕截图“字段”

回答 1 投票 0

Chart.js 工具提示未显示

我正在尝试向我的图表添加工具提示,选项已正确加载,但是工具提示未显示,有什么想法吗? var lineChartData = { 标签...</desc> <question vote="13"> <p>我正在尝试向我的图表添加工具提示,选项已正确加载,但是工具提示未显示,有什么想法吗?</p> <pre><code> &lt;script&gt; var lineChartData = { labels : [&#34;January&#34;,&#34;February&#34;,&#34;March&#34;,&#34;April&#34;,&#34;May&#34;,&#34;June&#34;,&#34;July&#34;], datasets : [ { fillColor : &#34;rgba(139, 157, 195, 1)&#34;, strokeColor : &#34;#4c66a4&#34;, pointColor : &#34;#fff&#34;, pointStrokeColor : &#34;#3b5998&#34;, pointHighlightFill: &#34;#fff&#34;, data : [{{implode(&#39;,&#39;, $fanCounts)}}] } ] } var options = { showTooltips: true, tooltipEvents: [&#34;mousemove&#34;, &#34;touchstart&#34;, &#34;touchmove&#34;], tooltipFillColor: &#34;rgba(0,0,0,0.8)&#34; } var myLine = new Chart(document.getElementById(&#34;fancanvas&#34;).getContext(&#34;2d&#34;)).Line(lineChartData, options); &lt;/script&gt; </code></pre> <p>我还更改了 Chart.js 全局配置以启用折线图的工具提示。</p> </question> <answer tick="false" vote="32"> <p>对于任何使用 Chartjs v3 遇到问题的人,您需要确保您已经注册了工具提示插件:</p> <pre><code>import { Chart, Tooltip } from &#39;chart.js&#39; Chart.register([Tooltip]) </code></pre> </answer> <answer tick="true" vote="1"> <pre><code>var ctx = document.getElementById(&#34;canvas&#34;).getContext(&#34;2d&#34;); window.myLine = new Chart(ctx).Line(lineChartData, { responsive: true, showTooltips: true, multiTooltipTemplate: &#34;&lt;%= value %&gt;&#34;, }); </code></pre> <p>使用这个(全局设置)</p> </answer> <answer tick="false" vote="-1"> <p>您只需将背景设置为单个值即可:</p> <pre><code>datasets: [{ label: &#34;# of customers&#34;, data: [12, 5, 3], backgroundColor: &#34;#FC940B&#34;, fill: false, borderColor: &#34;#FC940B&#34; }] </code></pre> <p>拥抱...</p> </answer> </body></html>

回答 0 投票 0

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