charts相关内容

如何用PLOTLY_EXPRESS绘制多线图?

我需要从数据帧的多列创建折线图。在 pandas 中,您可以使用如下代码绘制多线图: df.plot(x='date', y=['sessions', 'cost'], figsize=(20,10), grid=True) 如何使用PLOTLY_EXPRESS执行此操作? 推荐答案 使用version 4.8 of Plotly.py,原问题中的代码现在几乎没有修改就被支持 ..
发布时间:2022-02-24 17:11:04 Python

在Chart.js中设置图表标题、x轴和y轴的名称?

Chart.js(documentation)是否有选项让数据集设置图表的名称(标题)(例如,我的城市中的温度)、x轴的名称(例如,天)和y轴的名称(例如,温度)。或者我应该用CSS解决这个问题? var lineChartData = { labels : ["January","February","March","April","May","June","July"], ..
发布时间:2022-02-21 16:44:25 其他开发

是否可以在图表中添加标题?

我想为图表添加标题,例如 仪表示例或饼图.我想在图表下方或上方显示标题.这可能吗?我一直在寻找,但找不到任何关于此的信息.如果是这样,有什么建议可以分享吗?它会是这样的 编辑:我发现有一个属性可以为 Ex.draw 上的标题或任何标签创建 text sprites包.但我无法理解如何使用它.. 这里有人做过吗? 解决方案 由于 Ext.chart.Chart 是一个 Ext.d ..
发布时间:2022-01-25 23:07:27 其他开发

如何更改图表标签的前景色?

如何更改图表标签的前景色?这是图表的屏幕截图 我尝试使用 chart1.series[0].FontForeColor = color.white;但整个图表变白了. 解决方案 试试这个: this.chart1.BackColor = Color.AliceBlue;this.chart1.ChartAreas[0].AxisX.LineColor = Color.Red;th ..
发布时间:2022-01-25 22:50:15 C#/.NET

是否可以将谷歌图表保存为图像?

我正在制作一个应用程序,我需要将谷歌图表保存为图像.我使用的是tomcat、servlet 和javascript.有没有办法将以下生成的图表保存为图像?(请参阅帖子末尾的代码).这个想法是用户会看到这个图表,然后可以选择将其上传到他的 Facebook 个人资料.我不确定这是否可以以其本机格式上传到 facebook,或者是否需要保存为 jpg. ..
发布时间:2022-01-24 18:54:48 前端开发

Chart.js 未显示动态填充的数据

尝试在 chart.js 中动态填充条形图时遇到了一些问题.我有两个数组,一个用于标签,一个用于价格,它们都已经填充了来自 firebase 的排序数据.这是我的代码: var ctx = document.getElementById('brandChart').getContext("2d");变量数据 = {标签: [],数据集:[{数据: [],背景颜色: ["#424242",]}]} ..
发布时间:2022-01-22 16:23:13 前端开发

使用 Chart.js 从时间字符串中绘制单圈时间

我正在尝试使用 Chart.js 绘制一个显示一系列单圈时间趋势的折线图,但我正在努力将时间字符串解析为正确的格式. 我有一个带有类似这样的圈数(分钟、秒、毫秒)的时间数组,我将其用作数据集: const times = ["1:32.599", "1:32.300", "1:31.000"] 在图表上绘制这些的最佳方法是什么?根据文档,Chart.js 支持 时间 轴使用矩.js 但它 ..
发布时间:2022-01-22 16:21:25 前端开发

Chart.js 雷达标签坐标

有什么方法可以获取雷达图中标签的坐标吗?我正在尝试在标签区域中放置图像而不是文本. 解决方案 您可以使用 scale 属性计算它.这是动画完成后在这些点上绘制一个蓝色圆圈的东西. onAnimationComplete: function () {for (var i = 0; i ..
发布时间:2022-01-22 16:20:40 前端开发

使用 chart.js 将数据添加到折线图

我想在图表中添加一个新数据,但浏览器在调用我的“添加"函数时抛出一个错误,提示“未捕获的类型错误:未定义不是函数". 图表对象似乎无法识别“AddData"功能,但我不知道如何解决.在文档中显示此功能对我来说无法正常工作. .addData(valuesArray, 标签)在 Chart 实例上调用 addData(valuesArray, label) 为每个数据集传递一个值数组,以 ..
发布时间:2022-01-22 16:20:29 其他开发

在chartjs的条形顶部添加图像

我在我的网站上使用了不同的图表,这导致了一些问题,因此我们迁移到了 chartjs.一切正常,但我有一个在 chartjs 中找不到的要求. 在我正在开发的网站中,用户进行了评估,并根据评估结果显示图表. 所以在评估中,有一个问题“你感觉恶化吗?"如果用户选择是,那么在图表中它会在该条上方显示一个图像,如下图所示. 在图片中,您可以在两个条形上方看到“E". 我想在 cha ..
发布时间:2022-01-22 16:19:37 前端开发

Chart js:更新具有两个数据集的折线图

我想用两个数据集更新图表 js 中的折线图.我以某种方式设法清空图表,然后能够填写其中一个数据集.但无法使两个数据集都工作.这是代码. ajaxRequest({url: '报告/updateChart/?filter=true',方法:'发布',数据:数据},函数(响应){/*用新的数据集刷新表*/删除数据(我的图表);让标签 = [1, 234, 234, 234, 234, 234, 23 ..
发布时间:2022-01-22 16:17:54 前端开发

具有区域范围的 Chart.js 折线图

我想向 Chart.js 折线图添加另一个维度,类似于下面的图表,或这个 Highcharts 示例.考虑到 Chart.js 的无数扩展选项,我很难理解在哪里可以实现这样的功能. 理想情况下,我可以提供一个数据集,其中包含一个类似于 data 的字段,用于指定某一点的线宽. 解决方案 您可以从折线图类型创建新的图表类型来执行此操作 预览 脚本 Chart.defaul ..
发布时间:2022-01-22 16:17:16 前端开发

chart.js 线图:填充线上方的区域,而不是下方和右侧

我有一个chart.js,它显示两条不同的线,一条总是正的,一条总是负的. 我想可视化两条线之间的区域和 y 轴上的 0 值,因此希望在正线下方和负线上方都以 0 结尾.然而,Chart.js 总是填写据我所知,该行位于给定行的右下角. 正确的行为:(来自 chartist.js) 不正确的行为(来自 chart.js) 有谁知道是否有可能使用 chart.js 实现类似于 ..
发布时间:2022-01-22 16:16:52 前端开发

删除标签并仅在条形图的工具提示中显示值

我正在使用 ChartJS 库来创建图表.在工具提示中,我显示了我创建的数据集的数据值.如果图表类型是 doughnut,它会起作用.否则它在大小写或 bar 或 horizo​​ntalbar 图表中不起作用. 无论我做什么,它都会显示带有标签的数据. 使用工具提示中的数据使用环形图的 JSFiddle. 在工具提示中带有标签+数据的条形图的工作JSFiddle. 我要做 ..
发布时间:2022-01-22 16:16:33 其他开发

如何根据标签更改 Chart.js 点的颜色

我有一个折线 Chart.js 图表,其中标签是星期几.我想根据今天(周一 - 周日)更改点背景.我可以根据数据值更改背景颜色,但这不是我需要的.相反,我想给每一天(标签)一个不同的颜色点. 例如,这就是我可以根据数据值更改点的方式(不是我需要的) chartData: {标签:['星期一','星期二','星期三','星期三','星期四','星期五','星期六','星期日'],数据集:[{ ..
发布时间:2022-01-22 16:15:11 前端开发

Chart.js 点击标签,使用条形图

我需要有关 Chart.js 交互性的帮助.当我点击标签时,我需要返回我点击的列(索引)编号. 我尝试使用 getElementsAtEvent,但它只有在我直接点击图表时才有效. 这 http://jsfiddle.net/yxz2sjam/ 几乎是我想要的,但 getPointsAtEvent在新版本中不再可用. canvas.onclick = function (evt) { ..
发布时间:2022-01-22 16:12:40 其他开发

Chart.js 混合图表的工具提示悬停自定义

我在尝试使用 chart.js 为混合图表自定义悬停工具提示时遇到了一些问题. 我有一个显示特定产品总利润的条形图和一个显示该特定产品总数量的折线图.当我将鼠标悬停在条形图上时,我希望工具提示显示如下内容: 总利润:$ 1399.30 价格应采用两位小数格式,附加在“总利润:$"后面.当我将鼠标悬停在折线图上时,我想显示如下内容: 售出数量:40 件 这是我填充相关数组的代码: f ..
发布时间:2022-01-22 16:10:47 前端开发