plotly 相关问题

我正在为 Flask Web 应用程序编写这段代码，其中提供的数据将从 Flask 函数获取响应作为 json 数据，并使用plotlyjs 在 Web 应用程序中显示气泡图我正在为 Flask Web 应用程序编写此代码，其中提供的数据将从 Flask 函数获取响应作为 json 数据，并使用plotlyjs 在 Web 应用程序中显示气泡图 <!DOCTYPE html> <html> <head> <script src="https://cdn.plot.ly/plotly-latest.min.js"></script> </head> <body> <div id="bubble-chart" style="width: 800px; height: 400px;"></div> <script> var xdat = [900, 920, 940, 960, 980, 1000, 1020, 1040, 1060, 1080, 1100]; var ydat = [3, 10, 102, 369, 241, 476, 47, 53, 20, 13, 67]; var sizdat = [16150, 29750, 79050, 79900, 98600, 193800, 23800, 45900, 18700, 8500, 76500]; // Scale the marker sizes based on sizdat var sizdatScaled = sizdat.map(function(value) { return Math.sqrt(value); // Scaled based on the square root for visibility }); // Define the maximum and minimum marker sizes var maxMarkerSize = 40; // Adjust as needed var minMarkerSize = 4; // Adjust as needed // Normalize the scaled sizdat values to fit within the marker size limits var sizdatNormalized = sizdatScaled.map(function(value) { return minMarkerSize + (maxMarkerSize - minMarkerSize) * (value - Math.min(...sizdatScaled)) / (Math.max(...sizdatScaled) - Math.min(...sizdatScaled)); }); // Create hover text based on sizdat var hoverText = sizdat.map(function(value) { return 'SizDat: ' + value; // Customize the hover text as needed }); // Create the trace for the bubble chart var trace = { x: xdat, y: ydat, mode: 'markers', marker: { size: sizdatNormalized, sizemode: 'diameter', color: 'blue', opacity: 0.5, line: { width: 1, }, hoverinfo: 'text', text: hoverText, // Use the hover text here }, hovertemplate: "<b>X: %{x}</b><br>" + "<b>Y: %{y}</b><br>" + "<b>Size: %{marker.size}</b><br>" + // Include %{marker.size} for displaying size values "<extra></extra>" }; var data = [trace]; // Create the bubble chart var layout = { title: 'Bubble Chart with Scaled Marker Sizes', xaxis: { title: 'X-axis Label', }, yaxis: { title: 'Y-axis Label', }, }; Plotly.newPlot('bubble-chart', data, layout); </script> </body> </html> 此图表显示正确。这里 sizdat[] 是第三个维度，具有很小和非常大的值，因此为了根据图表大小进行拟合，它被标准化，图表显示 xdata、ydata 和 sizdat 标准化值的悬停文本。但我需要 xdat、ydat和要在气泡上悬停时显示的 sizdat 值，即，而不是 sizdatNormalizd 数据，它应该显示原始值的 sizdat 数据，该原始值位于以 sizdat[] 开头给出的标准化值之前在现有代码中，您已经生成了hoverText数组，其中包含悬停文本形式的原始sizdat值。您可以自定义悬停模板以包含此数组中的文本。 var trace = { x: xdat, y: ydat, mode: 'markers', marker: { size: sizdatNormalized, sizemode: 'diameter', color: 'blue', opacity: 0.5, line: { width: 1, }, hoverinfo: 'text', text: hoverText, // Use the hover text here }, hovertemplate: "<b>X: %{x}</b><br>" + "<b>Y: %{y}</b><br>" + "<b>Size: %{text}</b><br>" + // Use %{text} to display hoverText (original sizdat values) "<extra></extra>" }; 现在将鼠标悬停在每个气泡上将显示原始 sizdat 值以及 xdat 和 ydat 值。

javascript python plotly

回答 1 投票 0

在 Plotly 中自定义 Tornado 图表的 x 轴

如何设置两个镜像轴的单一起点？我用“make_subplot”函数构建了一个图表。但我在中心有一个空的空间。我使用 Tableau 中的“Sample Superstore”数据集

python plotly visualization

回答 1 投票 0

词云集中并减少图中随机定位的单词的重叠

情节导入随机导入导入plotly.graph_objects作为go 从plotly.subplots导入make_subplots 随机种子(42) 单词 = ['土豆','你好','juvi'] 颜色 = [plotly.colors.

python random plotly

回答 1 投票 0

R Plotly 中堆叠子图的标题/标签

我想隐藏这一系列情节的传说。有没有办法在 R Plotly 中的每个子图的 x 轴上方添加 x 轴标签，或者在 y 轴左侧添加 y 轴标签？我试过添加...

r plotly subplot

回答 1 投票 0

如何更改绘图图形大小

我使用 matplotlib 和 Plotly 制作了散点图。我希望高度、宽度和标记像 matplotlib 图中那样分散。请参阅附图。我在 Pl 中使用了以下代码...

python plotly plotly-python figure

回答 1 投票 0

Plotly：长轴标签的多行对齐

我们如何对齐 xaxes 标签（非常长）以显示在多行中。下面是 Excel 中的示例。我试图在plotly中实现同样的事情（使用ticklen，tickwidth），但是它

python plotly

回答 1 投票 0

如何将 update_layout 边距限制为 Plotly / Dash 中的一个子图？

在 2 行 1 列布局中，主图位于子图上方。 Fig.add_trace(go.Scatter(x=df.index, y=main_data, name='main', 行=dict（颜色='白色'，宽度=1）...

python plotly plotly-dash plotly-python

回答 1 投票 0

删除 Plotly 中子图之间的空间？

我的子图之间有很大的空间。在 matplotlib 中，有一种称为紧密布局的布局可以消除这种情况。 plotly中有类似的布局吗？我正在 iPython 中绘图

python plotly

回答 1 投票 0

如何在plotly python中隐藏更新菜单中的按钮

我想在 Python 中使用 Plotly 创建动态图表 -> 通过图表本身中的按钮更改样式选项。因此，plotly提供了按钮或下拉菜单（updatemenus）。我目前的问题...

python-3.x plotly

回答 1 投票 0

Plotly subplots - 彩色子图的颜色图例

我是情节新手，我正在尝试创建子图并显示颜色图例。我的数据框如下所示： A B C D 状态 0 1 3 5 2 初始 1 2 10 5 1 做...

python plotly plotly-python

回答 1 投票 0

plotly 相关问题

最新问题