我正在使用python 3.6.8并巧妙地使用5.7.0
[user1@testsrv1 ~]$ python3 --version
Python 3.6.8
[user1@testsrv1 ~]$ pip3 freeze | grep -i plotly
plotly==5.7.0
[user1@testsrv1 ~]$ pip3 show plotly
Name: plotly
Version: 5.7.0
Summary: An open-source, interactive data visualization library for Python
Home-page: https:
浏览 2提问于2022-04-29得票数 -1
回答已采纳
我使用ggplotly函数保存我的saveWidget()对象。如果我使用selfcontained=TRUE选项，所有的HTML依赖项(javascript库和CSS样式)都保存在HTML文件中，这使得它非常大。如果使用selfcontained=FALSE，则将这些依赖项保存在单独的_file文件夹中，并从HTML链接：
<script src="testA_files/htmlwidgets-1.5.3/htmlwidgets.js"></script>
<script src="testA_files/plotly-binding-
浏览 2提问于2021-02-08得票数 1
我想用滑块https://plot.ly/python/sliders/重新创建这个情节图。使用colab的以下说明：Plotly notebook mode with google colaboratory。但是，滑块没有出现。 代码如下： import numpy as np
import plotly.graph_objs as go
from plotly.offline import download_plotlyjs, init_notebook_mode, iplot
#from https://stackoverflow.com/questions/47230817/p
浏览 7提问于2019-06-14得票数 1
回答已采纳
当我的页面加载时，我会得到一个Uncaught ReferenceError: Plotly is not defined错误。下面的代码位于呈现情节的div元素之下，但在行中，Plotly.newPlot('myDiv', dataPlot, layout);在socket.on侦听器中抛出此错误。
var dataPlot = [{
x: ['a', 'b', 'c', 'd'],
y: [0, 0, 0, 0],
type: 'bar'
}];
var layout
浏览 3提问于2017-08-24得票数 13
1回答
我正在使用Pivottable.js和Plotly，我需要为我的国家设置区域设置。
正如在上所说的，我需要使用rendererOptions对象和plotlyConfig对象来覆盖Plotly中的配置对象。
正如在上所描述的，我已经导入了语言包并将" locale“属性设置为我想要的语言环境。
因此，我有以下pivotUI调用：
let obj = targetElement.pivotUI(
this.data,
{
renderers: renderers,
rendererOptions: {
plot
浏览 7提问于2021-03-08得票数 0
1回答
看上去问题有两个部分。第1部分已经解决了，但是我把它留给未来的人，
part1
因此，我试图将数据从我的微控制器流到一个具有实时图形的网站上。
我从一个简单的带有plotlyjs的index.html页面开始，用随机数创建一个实时图形--它起作用了。
因此，我创建了一个index.js文件，并开始运行代码来流数据，我使用了nodejs快递套接字，并设法在localhost 3000上实时地将数据显示在控制台上。
所以我把我的nodejs index.js页面链接到了我的index.html页面，现在我可以看到标题了，但是我再也看不见这个图形了。
如果我不使用index.js直接查看我的html
浏览 1提问于2019-07-11得票数 1
回答已采纳
下面的代码可以用圆滑的js绘制一个变量(例如x)的实时绘图。
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<link rel="stylesheet" type="text/c
浏览 1提问于2020-06-04得票数 0
回答已采纳
1回答
在标记上悬停时，摇摄不起作用。
要重现问题，请检查下面的代码，->，选择pan，->，悬停在一个标记上，->拖动绘图，->绘图，返回到它原来的位置。
var data = [{
mode: "lines+markers",
x:["December", "January", "February"],
y:[4,1,3]
}]
Plotly.react('myDiv', data).then(gd => {
gd.on(
浏览 9提问于2022-07-28得票数 1
回答已采纳
1回答
在这个由plotly.js生成的框图中，在选择点之后，未选中的点的不透明度为0.2。 是否可以更改选定和未选定点的样式？ var trace1 = {
y: [0, 1, 2, 3, 4, 5, 6],
type: 'box',
selectedpoints : [1,2,5],
boxpoints: 'all'
};
var data = [trace1];
var layout = {};
Plotly.newPlot('myDiv', data, layout); <head>
<!-- Plo
浏览 13提问于2019-04-16得票数 1
回答已采纳
情况：
我有一个使用express.js运行的服务器端，在那里我从SQL数据库中获取数据。我希望通过将数据发送给客户端，将这些数据显示给客户端。
在前端，我需要把这些数据做成一个图表。可以通过HTML中的标记来实现这一点，并包含我想要使用的Plotly库。但是，我希望在一个单独的文件中完成这个操作，这是一个用于客户端的外部JS脚本。这避免了HTML中的硬读代码.
问题是，如何将Plotly导入到外部前端文件并使用它？
浏览 2提问于2020-02-20得票数 0
回答已采纳
我试图创建创建一个计算器(表单)，允许用户提交一些数据，并在提交时使用plotly.js绘制图形。现在，我只是想获得一个示例图(与数据无关)，以便在提交空表单时呈现。但是，该图形会显示一小段时间，然后消失。如果图表在页面刷新所用的半秒时间内可见，然后消失，这看起来就是这样的。我如何才能防止这种情况发生？ <html>
<head>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>
<body>
<
浏览 19提问于2019-05-03得票数 0
回答已采纳
我正在使用Hugo Academic theme建立一个个人博客，并将其部署到netlify上。一切都很顺利，直到我写了一篇文章，里面有用python制作的图表。 我将图表导出为HTML，并创建了一个名为plotly-chart.html的短代码： {{ $r := resources.Get (printf "plotly/%s.html" ($.Get 0)) }}
{{ $r.Content | safeHTML }} 在我的markdown帖子中使用 {{< plotly-chart CHART_NAME_HERE >}} 在本地运行是很好的，图表是快速、
浏览 21提问于2020-07-13得票数 0
回答已采纳
1回答
我正试着用烧瓶渲染一个圆滑的图表。当我使用普通图表时，一切都很好。当尝试使用带有下拉菜单的图表时，问题就出现了。在这种情况下，我得到一个空白的网页。
我的密码在下面。
from flask import Flask,render_template,url_for
import plotly.graph_objs as go
import pandas as pd
import plotly
import json
app = Flask(__name__)
@app.route('/')
def dashboards():
# Read in the Data via
浏览 0提问于2018-05-14得票数 1
回答已采纳
1回答
假设我使用的是plotly文档中的：
var data = [{
values: [19, 26, 55],
labels: ['Residential', 'Non-Residential', 'Utility'],
type: 'pie'
}];
var layout = {
height: 400,
width: 500
};
Plotly.newPlot('myDiv', data, layout);
我想知道如何勾勒出一个特定的切片。我的设想是这样的：
我在pl
浏览 9提问于2017-08-23得票数 1
回答已采纳
1回答
我有一个包含枚举值和时间戳的数据集：
var trace = {
x: [1,2,3,4,5,6], // numbers for simplicity
y: ['FOUR','TWO','THREE','FIVE','ONE','FOUR'],
mode: 'lines+markers',
type: 'scatter'
};
Plotly.newPlot('graph', [trace]);
div.plotly-notifier
浏览 15提问于2020-05-05得票数 0
1回答
从统计汇总数据绘制框图
、、、、
我想在我的页面上添加一个框图。类似于this (使用Plotly.js)。 从上面的链接实现示例的问题是，plotly.js库需要所有的点，而我只能访问已经计算出的统计数据。换句话说，我希望通过传递max、min、med、avr、stdev (序列的统计数据)而不是所有数据点本身来绘制图形。 附言:使用plotly.js不是必需的。只有在可以选择的情况下，我才能使用D3.js。
浏览 20提问于2018-12-27得票数 0
2回答
我正在生成非常基本的plotly.js直方图，如下面的示例：plotly
var x = [];
for (var i = 0; i < 500; i ++) {
x[i] = Math.random();
}
var data = [
{
x: x,
type: 'histogram',
marker: {
color: 'rgba(100,250,100,0.7)',
},
}
];
Plotly.newPlot('myDiv', data);
是否可以以某种方式指定bin大小
浏览 2提问于2017-01-19得票数 0
回答已采纳
2回答
我已经巧妙地使用npm i plotly.js安装了
将行import 'plotly.js/dist/plotly'添加到我的策略导入文件中
然后在webpack中按照的指示捆绑文件客户端。
添加到自定义js文件中，以巧妙地进行测试。
然后，在我的html页面中添加巧妙的脚本，将包放在第一位，然后是我的自定义js。
但是，我得到了错误消息ReferenceError: Plotly is not defined。
为了进行测试，我使用了来自的javascript代码。我可以让它发挥作用，当我保存文件在当地发现在网站上，但不是webpack。
我错过
浏览 2提问于2020-06-14得票数 0
我做了一个图形，巧妙地在角应用，但跟踪有一个很长的名字。所以当我悬停在我的图表上时，名字就会被缩短.在它后面。我真的不想这样。我怎么才能改变这个？
这是我的密码。
var text = "Plot_ForecastConfig";
var layout = {
showlegend: true,
legend: {"orientation": "h"},
yaxis: {
title: 'Sales',
titlefont: {
fa
浏览 1提问于2017-07-26得票数 2
回答已采纳
1回答
我有一个圆滑的散射点，但它不是用烧瓶展示的--我是从网上的例子中拿出来的
我工作的结果看起来像
这是我的密码：
plotly_test.py
from flask import Flask, render_template
import json
import plotly
from plotly import graph_objs as go
import numpy as np
app = Flask(__name__)
@app.route('/', methods=['GET', 'POST'])
def kek():
t =
浏览 0提问于2019-08-24得票数 1
回答已采纳
我正试图在我的图表上创建一个onclick事件。在文档之后，我创建了以下图表：
var graphDiv = document.getElementById('uniqueId');
Plotly.newPlot('uniqueId', charData, layout);
graphDiv.on('plotly_click', function (data) {
var i = 0;
})
然而，当我运行这个程序时，我会得到以下错误：
graphDiv.on is not a function
有人能告诉我我做错了什么吗？
注意，我也尝
浏览 4提问于2016-11-23得票数 3
回答已采纳
我使用px.scatter_matrix()生成了一个散射矩阵
import plotly.express as px
df = px.data.iris()
fig = px.scatter_matrix(df,
dimensions=["sepal_width", "sepal_length", "petal_width", "petal_length"],
color="species")
fig.show()
fig.write_html("/.../scattermatrix.h
浏览 5提问于2021-03-12得票数 0
回答已采纳
我感兴趣的是在plotly.js中创建一个交互式的绘图，用户可以点击这个图形并在那个位置添加一个新的点。本质上，这意味着检索鼠标单击的绘图坐标。大多数内置的单击事件处理的是捕捉已经绘制的标记上的单击，而不是在图中的任意位置。
下面的问题涉及这个问题，。但是，在某个时候，由于对plotly.js的更改，代码似乎已经过时了。这个问题的答案的一个例子是在代码上演示。现在，xy鼠标位置检测似乎只更新工具栏区域内的位置。我的猜测是，在构成这个情节的各个组件中都有一个重命名。
链接到该答案的注释中的非功能代码：
var traces = [{
x: [1, 2, 3, 4],
y: [10, 15
浏览 8提问于2022-04-05得票数 0
回答已采纳
1回答
烧瓶在浏览器中的响应性
、、、
如何使这张图表在index.html中响应-我创建了一个烧瓶应用程序和js函数来渲染情节，但是，我不知道如何使它响应。变量配置有什么问题--它似乎不起作用。
谢谢
烧瓶：
@app.route('/')
def index():
locations = sorted(df['location'].unique())
rooms = sorted(df['rooms'].unique())
# Visualisation
import json
import plotly
import plotl
浏览 9提问于2022-03-17得票数 1
1回答
我试过：
locale.setlocale(locale.LC_ALL , 'de_DE')
和
config = {
'locale': 'de-DE'
}
fig.show(config=config)
但是模式栏的工具提示仍然是英文的。
我看到了，但在plotly.py中我在代码中找不到它.
浏览 16提问于2022-08-29得票数 2
1回答
有人能帮我调整一下在Jupyter中用plotly生成的HTML文件的大小吗？这是我用来保存到HTML文件的代码： fig.write_html("D:\jupyter\image.html") 它可以工作，但现在我想控制大小。这里(https://plotly.com/python/interactive-html-export/)是关于如何做的建议，但是我不知道如何具体地编写代码而不是得到大图像
浏览 25提问于2020-04-13得票数 2
回答已采纳
1回答
我正在用plotly打印一张太阳爆发图。
当我更新数据时，我想让图表变得有动画效果。
var data = [{
type: "sunburst",
labels: ["Eve", "Cain", "Seth", "Enos", "Noam", "Abel", "Awan", "Enoch", "Azura"],
parents: ["", "Eve", "Eve", &#
浏览 14提问于2020-02-27得票数 1
回答已采纳
是否有一种方法可以防止Plotly在将标记添加到线条图时更改x轴上的填充。请看下面的两个片段。唯一的区别是第24行，其中'lines'改为'lines+markers'。
第一个没有标记的片段：
<head>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>
<body>
<div id="myDiv">
</div>
<scr
浏览 3提问于2017-09-23得票数 22
回答已采纳
在打开Chrome的移动助手的情况下，当我试图点击我的图表上的任何地方时，我总是收到这个警告。在Plotly的文档中找不到太多关于悬停事件的信息，我也无法从堆栈跟踪中获得太多信息。有什么建议吗？我正在尝试能够点击某个数据点并查看它的数据，就像你在桌面上悬停时一样(屏幕截图附图)。
浏览 1提问于2018-06-12得票数 2
1回答
当背景为黑色时，如何将图例和极轴(0、45、90等)前景色改为白色。
var data = [
{
type: "scatterpolar",
mode: "lines+markers",
r: [.302, .098],
theta: [13,106],
line: {
color: "#ff66ab"
},
marker: {
color: "#8090c7",
symbol:
浏览 10提问于2022-03-30得票数 0
回答已采纳
如何使用Plotly.js绘制频率直方图？
Plotly.js提供了用一组值绘制直方图而不是用频率值绘制直方图的API。
您可以在这里找到更多关于实际直方图的信息-
这里有一个例子：
如果样本集是{ 2，3，4，5，2，2，2，3，5 }。实际上是这样画的-
var x = [2, 3, 4, 5, 2, 2, 2, 3, 5];
var trace = {
x: x,
type: 'histogram',
};
var data = [trace];
Plotly.newPlot('myDiv', data);
但这是我掌握的数据
x
浏览 2提问于2017-08-17得票数 1
2回答
Plotly规范动态
、、、
我有一个Plotly JS Gauge的问题，我不能解决，我已经尝试了一千种方法来解决它。
如何实时、动态地使用Plotly JS Gauge？
我试过了，但它不起作用。;-(：
<script>
function rand() {
return Math.floor(Math.random() * (250 - 0) ) + 0;
}
var data = [
{
domain: { x: [0, 1], y: [0, 1] },
浏览 34提问于2020-05-28得票数 1
回答已采纳
2回答
使用plotly.js，您可以制作一个热图，而热图的右侧有一个颜色刻度，一些3d图表也是如此。
这是一个。
Plotly.d3.json('https://raw.githubusercontent.com/plotly/datasets/master/custom_heatmap_colorscale.json', function(figure) {
var data = [{
z: figure.z,
colorscale: 'Jet',
type: 'heatmap'
}
];
var layout
浏览 4提问于2016-12-10得票数 1
回答已采纳
我已经制作了一个plotly.js仪表板来流实时数据。实时数据流部分工作非常好，但是我真的很想在数据输入的同时动画化所有的跟踪。但是，无论我向Plotly.animate传递了什么，我都不能一次只执行一个跟踪。我重新创建了这个问题使用代码从他们的网站。
<html>
<head>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>
<body>
<div id="graph">
浏览 5提问于2016-12-02得票数 1
回答已采纳
function getData() {
return Math.random();
};
function plotGraph(graph_div) {
let UPDATE_INTERVAL = 300;
Plotly.plot(graph_div, [{
y: [1, 2, 3].map(getData),
name: 'x',
mode: 'lines',
line: { color: '#80CAF6' }
}, {
y: [1, 2, 3].map(getData),
浏览 5提问于2019-04-21得票数 3
回答已采纳
有两个包：plotly.js和plotly.js
它们之间有什么区别，我应该使用哪一种？
此外，在npmjs.org on plotly.js页面上，它说要安装plotly.js，必须运行：
npm install plotly.js-dist
我的意思是，我可以看到，plotly.js-dist是一个包含许多文件的项目，plotly.js是一个包，只是一个文件。但我不明白为什么它是这样分布的。
特别是，plotly.js-dist不是缩小的，在plotly.js中有小型化文件，我想可以使用这个文件将这个库导入到某个项目中。
浏览 1提问于2019-01-15得票数 5
2回答
我无法将html内容显示到Angular 8。
**注意:我正在接收需要在Angular上显示的html模板，它是来自数据库的JSON，我正在获取它并将其保存到一个变量(例如，plot)，然后将该变量传递给this.myTemplate = this.sanitizer.bypassSecurityTrustHtml(this.plot)
为了演示的目的，我放了一个类似于我的数据的示例html模板，它是从数据库中获得的。
HTML：
<div [innerHTML]="myTemplate"></div>
app.component.ts：
import
浏览 9提问于2020-02-14得票数 0
我有一个运行良好的Plotly.JS热图，我想把一些描述性的文本放在一个单独的div中，但是差距看起来有点尴尬。不知何故，我正在努力减少填充，以便我的文本(例如，我的描述)和热图更紧密地结合在一起。我试过使用CSS，但我显然不能使用。我确信这是一个简单的答案，而且我忽略了一些简单的东西。任何帮助都是非常感谢的。 Codepen：https://codepen.io/tenebris_silentio/pen/eYzgZMw <!DOCTYPE html>
<head>
<!-- Load plotly.js into the DOM -->
浏览 60提问于2020-10-23得票数 1
回答已采纳
我正在尝试用R创建一个地理图。下面这个最小的例子适用于IE (11.0.9600.18524)，但不适用于Chrome (51.0.2704.106)和Firefox (ESR 45.5.1)。将显示图例，但不会显示任何地图。
最小示例
data <- data.frame(countryCode = c("DEU", "CHE"), measure = c(10, 20))
p <- plot_geo(data) %>%
add_trace(
z = ~measure, color = ~measure,
浏览 1提问于2016-12-20得票数 0
1回答
我不能让乳胶巧妙地起作用。
var trace1 = {
x: [1, 2, 3, 4],
y: [1, 4, 9, 16],
name: '$\alpha_{1c} = 352 \pm 11 \text{ km s}^{-1}$',
type: 'scatter'
};
var trace2 = {
x: [1, 2, 3, 4],
y: [0.5, 2, 4.5, 8],
name: '$\beta_{1c} = 25 \pm 11 \text{ km s}^{-1}$',
type: 'scatter
浏览 5提问于2016-08-04得票数 1
据我所知，我的图表非常接近官方文档中的条形图示例： var data = [ { "type": "bar", "x": [ "<=1", "2", "3", "4", "5", "6 - 10", "11 - 20", "21+" ], "y": [ 0, 0, 0, 0, 1, 0, 0, 30 ], "textposition": "auto", "h
浏览 33提问于2020-09-02得票数 1
回答已采纳
给定如下的一组数据z：
z: [[10, 10.625, 12.5, 15.625, 20],
[5.625, 6.25, 8.125, 11.25, 15.625],
[2.5, 3.125, 5., 8.125, 12.5],
[0.625, 1.25, 3.125, 6.25, 10.625],
[0, 0.625, 2.5, 5.625, 10]]
有没有一种方法可以固定z的值，并跟踪等值线，在等高线图中得到x，y的值。例如，我有两条线，分别是z=4和z=6，我想要有x，y的值，并追踪z=5.5时对应的等值线。
您可以使
浏览 4提问于2018-02-08得票数 0
1回答
将散点图与Plotly一起使用时，当我有多个具有相同x轴值的标记时，无法获得悬停文本。
有人能帮我解决这个问题吗？
或者这是一个与plotly相关的bug？
检查离这条线最近的标记。
代码在这里
var trace1 = {
x: [13.5, 12, 13, 14,13],
y: [15, 17, 13.6, 17,18],
text: ['4.17 below the mean', '4.17 below the mean', '0.17 below the mean', '0.17 below the mean'
浏览 2提问于2017-07-14得票数 0
回答已采纳
我正在尝试使用提供的不同类型的标记(类型: scattergl)。但是只有普通正方形、圆圈和菱形这样的香草标记才能与scattergl合作。请检查以下代码：
HTML：
<head>
<script src='https://cdn.plot.ly/plotly-latest.min.js'></script>
</head>
<body>
<div id='myDiv-scattergl'></div>
<div id='myDiv-sc
浏览 2提问于2019-12-27得票数 0
2回答
实际:创建水平时间线
、、、
这就是我目前所拥有的..。
Plotly.plot('graph', [{
type: 'bar',
y: [1,0,0],
x: [1,2,1],
orientation: 'h',
base: [0,2,5]
}, {
type: 'bar',
y: [1,1,1],
x: [2,1,2],
orientation: 'h',
base: [0,3,5]
}])
<head>
<script src="https://cdn.plot.l
浏览 1提问于2017-05-23得票数 0
回答已采纳
我正在运行部署在无服务器容器中的Python应用程序，该应用程序运行良好，除非我添加了Plotly.express图形，否则页面不会加载，或者应用程序将重新启动。我检查了日志并得到了以下错误
错误RequestID: ffecdb8a-4088-41fc-8fd0-1e2b45955412代码: 502消息:函数调用期间出错
问题似乎在于创建可视化的Plotly.express方式，因为它使用临时服务器创建交互式图形(如果返回体不包含plotly.express图形，则相同的函数工作没有任何错误)。
有谁有办法解决这个问题吗？
浏览 1提问于2022-04-26得票数 1
回答已采纳
在这里，我有一个最小的复制问题与PlotlyJS，我不能看到所有的酒吧。我认为autorange在X轴上可以做到这一点。
在那里发生了什么，我是不是错配置了图表？
var data = [ {
"x" : [ "1.5", "2.5", "3.5", "6.5", "7.5", "8.5", "10.5", "Not Known" ],
"y" : [ "1.0", "1.0", &#
浏览 5提问于2020-10-08得票数 1
回答已采纳
下面是中的代码
var myPlot = document.getElementById('myDiv'),
d3 = Plotly.d3,
N = 16,
x = d3.range(N),
y = d3.range(N).map( d3.random.normal() ),
data = [ { x:x, y:y, type:'scatter',
mode:'markers', marker:{size:16} } ],
layout = {
hovermo
浏览 3提问于2016-06-14得票数 2
我正试图用Plotly.js来绘制一个热图。
到目前为止我有：
var rho = [];
for (var n = 0; n < 100; n++) {
rho[n] = [];
for (var l = 0; l < 100; l++) {
rho[n][l] = n * l;
}
}
var dummy = 1;
var data = [{
z: rho,
type: 'heatmap'
}];
function compute() {
dummy++;
for (n = 0; n < 100; n++) {
浏览 0提问于2018-10-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
