Plotly -将反向条形图添加到现有的正常条形图
Plotly是一个数据可视化库，可以用于创建各种类型的图表，包括条形图。反向条形图是一种特殊类型的条形图，它的条形从零线开始，并向负方向延伸。
反向条形图可以用于展示正负值之间的差异或对比。它可以帮助我们更直观地理解数据的正负关系，并突出显示负值的部分。
在Plotly中，可以通过添加负值的方式来创建反向条形图。具体步骤如下：
- 导入Plotly库和相关模块：
import plotly.graph_objects as go- 创建正常条形图的数据和布局：
data = [go.Bar(
x=[1, 2, 3, 4, 5],
y=[10, 8, 6, 4, 2],
name='Positive Values',
marker=dict(color='blue')
)]
layout = go.Layout(
title='Positive and Negative Values',
xaxis=dict(title='X-axis'),
yaxis=dict(title='Y-axis')
)- 创建反向条形图的数据和布局：
data.append(go.Bar(
x=[1, 2, 3, 4, 5],
y=[-10, -8, -6, -4, -2],
name='Negative Values',
marker=dict(color='red')
))- 绘制图表并显示：
fig = go.Figure(data=data, layout=layout)
fig.show()这样就可以将反向条形图添加到现有的正常条形图中。
反向条形图可以应用于许多场景，例如：
- 展示正负收入或支出的差异
- 对比正负影响因素的大小
- 显示正负变化的趋势
对于使用腾讯云的用户，可以使用腾讯云提供的数据分析与可视化产品Tencent DataV来创建反向条形图。Tencent DataV是一款功能强大的数据可视化工具，可以帮助用户快速创建各种类型的图表，并提供丰富的可视化效果和交互功能。
更多关于Tencent DataV的信息和产品介绍，请访问腾讯云官方网站： Tencent DataV产品介绍
相关·内容
我想根据每个数据帧中名为“types”的列为条形图堆栈着色，但我不知道在哪里设置此参数(在Plotly Express API中有color参数)。
奇怪的是，Plotly已经用堆栈标记了条形图，但根据跟踪，它应该以相同的方式对它们进行着色：
from plotly.subplots import make_subplots
import plotly.graph_objects as go
fig = make_subplots(rows=1, cols=2)
fig.add_trace(go.Bar(x = grouped_A["Working Days"], y = g
浏览 13提问于2020-03-11得票数 0
回答已采纳
我已经使用react ploty.js创建了一个条形图。当在条形图上执行onClick事件时，我想更改图表的宽度，为此，我尝试使用Plotly的中继方法重置宽度。但是当我尝试这样做时，它会抛出，Uncaught : Plotly不是定义的错误。我创作情节的方式是：
import Plot from 'react-plotly.js';
<Plot
data={this.prepData(this.state.chartData)}
onClick={(data) => {this.chartRelayout();}
type={'bar'
浏览 1提问于2018-11-21得票数 2
回答已采纳
1回答
带有串扰的绘图条形图
、、、
我有一个有两个绘图输出的应用程序。我想用串音把它们结合起来。然而，当我运行这个应用程序时，每当我单击其中一个绘图中的条形图时，只有一半的条形图被突出显示。为什么？ library(shiny)
library(crosstalk)
library(plotly)
require(dplyr)
df <- tibble(names = LETTERS[1:5], x = runif(5,10,20), y = runif(5,50,100))
# df <- data.frame(names = LETTERS[1:5], x = runif(5,10,20), y = runi
浏览 13提问于2021-10-08得票数 1
我正在用python库plotly绘制条形图，但是条形图之间有我不想要的空格。
import plotly
from plotly import graph_objs as go
xvals = [u'12.09', u'12.10', u'12.11', u'12.12', u'12.13', u'13.01', u'13.02']
yvals = [115, 69, 165, 98, 157, 126, 60]
data = [go.Bar(x=xvals,y=yvals)
浏览 3提问于2016-03-08得票数 4
我有个酒吧情节类似于这样的-
import plotly.graph_objects as go
months = ["ABC","XYZ"]
fig = go.Figure()
fig.add_trace(go.Bar(
x=months,
y=[3.95,4.04],
name='SMD',
marker_color='yellow'
))
fig.add_trace(go.Bar(
x=months,
y=[3.78,4.06],
name='Camrest&
浏览 1提问于2022-07-16得票数 0
回答已采纳
1回答
我使用plotly制作一些条形图。有时会出现零值条形图。我怎样才能从最终的绘图中有计划地删除这些条呢？
这是我使用的代码示例：
library(plotly)
set.seed(123)
variables <- c("var1","var2","var3","var4")
df <- data.frame(number = sample(1:10,100,replace = TRUE),
group1 = sample(1:4, 100, replace =
浏览 0提问于2020-06-24得票数 2
1回答
我在Plotly中创建了子图，每个子图包含一个条形图(或boxplot)和三条跟踪线。我在y= 1,2,3上创建了跟踪，以充当ablines，就像在ggplot中一样。
情节是什么样子：
和
。
问题：
我想要它，所以条形图的条形图前面的是跟踪线的，所以你应该只能看到条形图之间的跟踪线。
我目前的代码：
(我已经排除了生成子图的代码，因为我认为它是不必要的)
generate_plotly_barPlot <- function(dat, showLeg, err) {
p <- plot_ly(x=dat$xVar, # Initialize graph
浏览 0提问于2018-02-16得票数 1
我需要制作一个条形图，条形图的条形图是按值降序排列的。我首先按值按降序对数据帧进行排序。然后使用plotly.express生成交互式条形图。然而，我发现条形图仍然是升序的。有人知道我做错了什么吗？非常感谢你的帮助。
import plotly.express as px
dat = pd.DataFrame({'word': ['apple', 'grape', 'orange', 'pear'],
'counts': [20, 5, 25, 10] }
浏览 6提问于2019-11-03得票数 5
2回答
我想要创建分组的(barmode='group')条形图子图，以巧妙。现在的问题是，巧妙地不创建条形图作为跟踪。相反，分组条形图被创建为条形跟踪列表。因此，我不知道如何创建包含分组条形图作为子图的图形(即使用figure.append_trace()).添加分组条形图)
例如，如何使用在中创建的条形图创建子图：
import plotly.plotly as py
import plotly.graph_objs as go
trace1 = go.Bar(
x=['giraffes', 'orangutans', 'monkey
浏览 3提问于2016-05-04得票数 16
我有一个包含3列的pandas数据帧:名称、组、值。我想用plotly制作一个水平条形图，从最高值到最低值排序，并根据它们在分组列中的值为每个条形图上色。问题是，当我添加颜色参数时，条形图也会按颜色排序。有没有可能使这些条不按颜色组合在一起？ 这是我尝试过的。在不指定颜色属性的情况下运行代码时，条形图的排序是正确的。不带颜色的代码： import plotly.express as px
px.bar(df, x='value', y='name', orientation='h')
fig.show() 输出结果与预期一致： ? 但是
浏览 12提问于2019-09-18得票数 3
回答已采纳
下面是一个代码： import plotly
import plotly.express as px
x = data
fig = px.line(x=fruits, y=[1,3,2], color=px.Constant("Line"),
labels=dict(x="Fruit", y="Amount", color="Line"))
fig.add_bar(x=fruits, y=[1,3,1], name="Red")
fig.add_bar(x=fruits, y=[2,1
浏览 17提问于2020-08-24得票数 1
当我在R中使用plotly绘制具有点击加亮功能的条形图时，只有一半的条形图被加亮，如下面的脚本所示。 library(plotly)
D = data.frame(
NAME = LETTERS[1:5],
VALUE = rnorm(5)
)
D %>%
highlight_key(~NAME) %>%
plot_ly(x=~VALUE, y = ~NAME, type ="bar", orientation = "h") %>%
highlight(on = "plotly_click",off
浏览 17提问于2019-09-30得票数 3
回答已采纳
我在数据框中有要用堆叠条形图绘制的数据：
test_df = pd.DataFrame([[1, 5, 1, 'A'], [2, 10, 1, 'B'], [3, 3, 1, 'A']], columns = ('ID', 'Value', 'Bucket', 'Type'))
如果我使用Plotly Express进行绘图，我会得到彼此堆叠的条形图，并且排序正确(基于索引)：
fig = px.bar(test_df, x='Bucket', y='Valu
浏览 1提问于2021-03-08得票数 1
我有一个条形图，它的基线是我从an article上得到的 from plotly import graph_objects as go
data = {
"original":[15, 23, 32, 10, 23],
"model_1": [4, 8, 18, 6, 0],
"model_2": [11, 18, 18, 0, 20],
"labels": [
"feature",
"question",
浏览 19提问于2020-08-18得票数 2
回答已采纳
我正在尝试生成具有多条线的图形，并希望能够在垂直轴(比较给定X值的y值)或水平轴(比较给定y的x值)上比较值(并计算线之间的增量)，并在两种模式之间切换。 我在https://github.com/plotly/plotly.js/issues/2155发现了一个GH问题，它表明第一种比较模式是可能的。但是水平模式可能吗？
浏览 25提问于2019-09-12得票数 0
我一直在尝试为一些商店的销售数据绘制排序的条形图，但无论我尝试什么，它都会给我未排序的数据。如何使用plotly绘制排序后的条形图。 注：https://community.plot.ly/t/sort-bars-in-bar-chart-by-value-and-have-each-bar-with-a-different-color/14562 对我不起作用。 数据 import numpy as np
import pandas as pd
import plotly
import plotly.offline as py
import plotly.graph_objs as g
浏览 21提问于2019-08-25得票数 3
回答已采纳
是否有任何配置布局选项可以在plotly.js中增加条形图中条形图之间的间距？
我尝试增加绘图的宽度，但它正在整体上扩展绘图。我需要固定条形图的宽度和条形图之间的间距。
任何帮助都是非常有帮助的。
浏览 0提问于2016-10-27得票数 6
我正在尝试学习Plotly，首先在Plotly Express中创建一个简单的条形图，然后用Plotly更新它以完善它。我想隐藏这个传说。
我试图通过隐藏图例来更新原始图形，但我无法使其工作。。
和我的代码
import plotly.plotly as py
import plotly.graph_objs as go
import plotly_express as px
import pandas as pd
df = pd.read_csv('C:/Users/Documents/Python/CKANMay.csv')
fig = px.bar(df, x=&#
浏览 2提问于2019-06-22得票数 16
回答已采纳
1回答
我想要更新我的条形图使用滑块为每个条形图的值。但是，我希望条形图随滑块的变化而动态变化。我已经使用oninput实现了这一点。目前，我有以下几点，这是相当滞后的。
<head>
<!-- Plotly.js -->
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>
<body>
<h1> Plotly Test</h1>
<div id="
浏览 1提问于2016-03-11得票数 2
3回答
我有一些特征和价值观，比如：
food 3.4
service 4.2
environment 4.3
我想要使用Plotly脱机模式(而不是注册和身份验证)绘制条形图。到目前为止，我已经有了使用Plotly的脱机模式绘制零散线的代码：
import plotly
print (plotly.__version__)
from plotly.graph_objs import Scatter, Layout
plotly.offline.plot({
"data": [
Scatter(x=[1, 2, 3, 4], y=[4, 1,
浏览 3提问于2016-02-02得票数 8
回答已采纳
1回答
给定的曲线图使用ggplot2和plotly生成条形图。我想使用ggplotly(p)创建一个类似的水平条形图。已尝试在geom_bar()中使用属性coord_flip()，但没有帮助。请帮帮我，谢谢。
library(plotly)
dat <- data.frame(
time = factor(c("Lunch","Dinner"), levels=c("Lunch","Dinner")),
total_bill = c(14.89, 17.23))
p <- ggplot(data=dat, aes(x=ti
浏览 0提问于2017-10-10得票数 0
我正在尝试使用plotly绘制条形图，并且我想添加标题和副标题。(在这里，您可以选择任何示例来添加标题和副标题)。
我绘制条形图的代码如下：
import plotly.graph_objects as go
fig = go.Figure()
fig.add_trace(go.Bar(x=["Apple", 'Mango', 'Banana'], y=[400, 300, 500]))
fig.show()
浏览 0提问于2019-09-30得票数 8
回答已采纳
1回答
我想用plot绘制一个100%的水平条形图。 导入和数据如下。 import pandas as pd
from plotly.offline import plot
import plotly.graph_objects as go
df = pd.DataFrame([["Blue", 100 , 10.0],
["Green", 30 , 3.0],
["Red", 650, 65.0],
["White",
浏览 46提问于2021-08-02得票数 1
我试着弄清楚如何用文本模板绘制这个条形图。不需要剪切它们，还可以保持y轴的动态性。谢谢你的点子！
import plotly.express as px
df = px.data.gapminder().query("continent == 'Europe' and year == 2007 and pop > 2.e6")
df.lifeExp = df.lifeExp/100
fig = px.bar(df, y='lifeExp', x='country', text='lifeExp')
fig.
浏览 10提问于2021-03-09得票数 2
回答已采纳
1回答
我有一个直方图(matplotlib或plotly)，我想给一个特定的条形图上色，这个条形图的值在条形图范围内(例如，如果N=131，那么彩色条形图必须是130-132)。我该怎么做呢？
浏览 12提问于2017-03-17得票数 5
1回答
我正尝试在Jupyter Ipython notebook中以脱机模式绘制条形图。我正在尝试重现本页面第二个示例中的条形图：
下面是我的代码：
import plotly
import datetime
import matplotlib.pyplot as plt
%matplotlib inline
#Here I changed my personal username and API_key with the one provided on
#plotly's "getting started page", though I believe I should
浏览 1提问于2015-11-23得票数 2
1回答
我想用Plotly.js显示一个长期运行的条形图。我不知道如何抛弃旧的观点。
详细信息
我的CodePen at 的下面的更新程序几乎可以做我想做的事情。它显示了一组20个样本，分为两个跟踪，并以500毫秒的间隔不断更新。在演示的最后，它绘制了所有的点，以显示它们仍然存在。
var cnt = 0;
var interval = setInterval(function() {
// Add next point to each trace
Plotly.extendTraces('graph', {
y: [[rand()], [rand()]]
}, [
浏览 8提问于2017-08-18得票数 1
我主要使用带有r的plotly包来绘制结果。我想定义我在演示文档中使用的颜色(表格、标题等)基于plotly中使用的默认颜色。例如，用于填充条形图中的条形图或饼图部分的颜色。有没有办法找出rgb或十六进制值？
请参阅此处的示例：
我正在寻找第一个饼图中橙色和深蓝色的rgb/十六进制值。
浏览 9提问于2017-01-20得票数 11
回答已采纳
1回答
我正在尝试从使用pivot_table转换的CSV数据绘制条形图。条形图应该有y轴上的计数和x轴上的公司状态。
我得到的结果是：
最后，我想通过CompanySizeId堆叠bar。
我一直在关注。
import plotly.graph_objects as go
import plotly.offline as pyo
import pandas as pd
countcompany = pd.read_csv(
'https://raw.githubusercontent.com/redbeardcr/Plotly/master/Data/countcompany
浏览 13提问于2020-06-05得票数 0
回答已采纳
我正试图使用反应性表在闪亮的应用程序中生成一个绘图。在生成饼图时，类别显示得与预期一样。但是，当我试图生成条形图时，我看到的是那些我不想显示的类别的标签，它们是计数为0的类别。目前，我正在看到所有的标签，在X轴为条形图。
下面是我用来生成饼图和条形图的代码。我只选择前10行，所以我只想看到10个类别的情节。饼图很好，但条形图才是问题所在。
output$fig_pie <- renderPlotly({
fig <- req(summarised_frame()[1:10]) %>% plot_ly(labels = ~concept_name, values =
浏览 6提问于2022-04-18得票数 0
我有一个df列，其中的数据只是分类的(例如，a、b、c、a、a、d、c、b等)。我想使用plot count条形图(条形图)绘制这些数据的计数。 我已经使用df.groupby('<col_name>')['<col_name>'].count()计算了数据的计数，但这将返回一个序列数据结构，因此我将只有计数数据(1-D)。 如何在结果输出中高效地获取计数结果和对应的数据项？ 我想要获得此输出，并使用Plotly绘制条形图： import plotly.express as px
fig = px.bar(count_df, x=&#
浏览 48提问于2021-03-16得票数 2
回答已采纳
2回答
我已经找到了在plots中制作条形图和饼图以及其他3D图的代码。一个简单的条形图是这样工作的：
from plotly.offline import plot
from plotly.graph_objs import *
trace1 = Bar(
x=['cats', 'dogs', 'monkeys'],
y=[20, 14, 23]
)
data = Data([trace1])
plot(data)
绘图中是否有任何选项可用于在3D布局中绘制此条形图。也可以用于饼图/甜甜圈吗？
浏览 4提问于2018-05-30得票数 3
2回答
我想用plotly.graph_objects反转所有超图的图的y轴。我知道轴的倒转可以用plotly.express完成。但是我想知道如何使用plotly.graph_objects来反转轴。
浏览 4提问于2019-11-29得票数 12
回答已采纳
1回答
我想更改plotly.express条形图图例中项目的顺序。例如，我想在这个图上显示午餐前的晚餐(当前的行为在水平条形图中尤其尴尬，因为条形图的顺序与图例的顺序相反)： import plotly.express as px
df = px.data.tips()
# Sort to put dinner on top.
df.sort_values('time', ascending=False, inplace=True)
fig = px.bar(df, y='sex', x='total_bill', color='time&#
浏览 10提问于2020-06-27得票数 2
回答已采纳
1回答
我想增加一个plotly水平条形图的Y轴的宽度.现在，文字下跌的情节，因为y轴太窄。
您可以在Plotly的页面上看到同样的情况，其中的类别很简单，可读性不强。
我找不到增加宽度的方法。我们非常感谢你的帮助！
示例代码：
library(plotly)
p <- plot_ly(x = c(20, 14, 23),
y = c('long string which is not readable',
'orangutans (not readable)',
'monkeys'),
type = 'ba
浏览 0提问于2017-05-18得票数 3
回答已采纳
2回答
熊猫分组条形图
、、、、
我有一个熊猫数据框架df，如下所示：
Timestamp ProductID. OrderCount
6/29/21 10:00 50100100200100 8
6/29/21 10:00 50100100200101 7
6/29/21 11:00 50100100200102 5
6/29/21 11:00 50100100200105 8
6/29/21 11:00 50100100200101 12
6
浏览 6提问于2021-07-09得票数 1
回答已采纳
我正在尝试使用plotly绘制一个带有长字符串作为x轴标签的条形图。但是，这些字符串被plotly截断，如下所示：
通过查看plotly轴的属性列表，我尝试了诸如tickangle (我现在意识到这是没有意义的)和其他几个属性的设置，但都没有用。
浏览 0提问于2016-06-30得票数 13
回答已采纳
我想在Plotly JS的条形图中显示一个悬停文本，以显示总计数，如下截图所示 ? 我不能做到这一点，我只能显示两个悬停文本总是如下 ? 请让我知道如何添加Total Tested悬停文本作为第一个屏幕截图？ 在这里找到我的示例https://codepen.io/Diji/pen/NWjNjjJ
浏览 28提问于2021-07-07得票数 1
回答已采纳
例如,
我有三页纸，
索引、foo和bar。
点击如下链接，
索引=> foo =>索引=>栏=>索引
然后点击后退按钮，
索引=>栏=>索引=> ...
当返回到bar时，它可以正确地处理从右到左的滑动。
但当从条形图返回索引时，它的行为是从左向右滑动，就像前进而不是后退。
如何通过单击后退按钮将其修改为从右向左滑动？
浏览 0提问于2011-07-25得票数 1
2回答
绘图中的图例标题
、、
如何在plotly中为图例指定标题？我有一个堆叠的条形图，它绘制了不同的持续时间，比如0-10，11-20。我希望图例标题是“持续时间”。
浏览 3提问于2016-06-26得票数 10
1回答
我正在从外部数据库构建一个堆叠的条形图。沿着x轴，我有月份和年份，沿着y轴是一个整数。我编写了代码来构建跟踪，这将导致下面的数据对象。
然而，当这些条形图被呈现时，它们最终会相互重叠，从而使单个条形图绘制在其他条形图上。如果您悬停在条形图的不同区域上，您将注意到悬停文本似乎从一个类别更改到另一个类别。禁用左边图例中的痕迹将显示其他隐藏的条形图。
有办法解决这个呈现问题吗？
var data = [
{
"x": [
"Apr-2022",
"May-2022",
"Jun-2022
浏览 2提问于2022-07-25得票数 0
回答已采纳
我是plotly.js的新手。我倒转了条形图中的条形图，但标签目前仍停留在同一个位置。我想替换
我想要的是弹琴上的标签。我希望y标签显示在标签的左边，而不是右边标签的当前位置，我还想用工具提示在条形图的对面显示x标签。
我希望这是清楚的。谢谢
这是小提琴。
var data = [{
type: 'bar',
x: [20, 14, 23],
y: ['giraffes', 'orangutans', 'monkeys'],
orientation: 'h'
}];
var layout = {
浏览 1提问于2017-09-19得票数 1
回答已采纳
3回答
为什么我在绘图条形图中得到的顺序与我在x和y变量中定义的顺序不同。
例如。
library(plotly)
plot_ly(
x = c("giraffes", "orangutans", "monkeys"),
y = c(20, 14, 23),
name = "SF Zoo",
type = "bar"
)
我需要条形图，在那里我看到与x变量(分类)定义的相同顺序的条形图。对此有什么窍门吗？
浏览 2提问于2016-10-20得票数 25
回答已采纳
我正在尝试在angular 8应用程序中创建一个3D条形图。我已经尝试查看了d3.js、three.js和plotly框架的文档，但没有任何一个示例。有没有人可以发布一些示例代码供我参考？如果不是这些框架，任何其他框架也可以工作。但是我只需要javascript/typescript语言的代码。
谢谢!
浏览 3提问于2020-04-09得票数 0
我想用JavaScript创建一个条形图，其中有五个标有[1, 2, 3, 4, 5]的单调递增值的条形图(只是为了检查是否正确)。我认为下面的方法是可行的，但它正在做一些聪明的事情，将x值解释为数字，并删除非数字字符串，比如'hello‘。也许我应该使用另一种情节类型？
Plotly.newPlot('plot3', [{x: ['2', 'hello', '5', '9', '6'], y: [1, 2, 3, 4, 5], type: 'bar'}]);
有趣的是，当x
浏览 2提问于2020-07-10得票数 0
回答已采纳
1回答
我正在使用生成一些堆叠的条形图。由于我有17个物体正在被堆叠，颜色的酒吧已经开始重复，如下图所示。
有人能告诉我如何为每一叠得到独特的颜色吗？
请查找我的代码以生成下面的条形图：
import plotly
plotly.tools.set_credentials_file(username='xxxxxxxx',
api_key='********')
dd = []
import plotly.plotly as py
import plotly.graph_objs as go
import numpy as np
for k,v in
浏览 0提问于2018-11-22得票数 4
回答已采纳
1回答
如何按降序对绘图条形图进行排序
、、、、
我已经在绘图中创建了一个基本的条形图，我想要按降序排序。My current output looks like this 我找不到一种简单的方法在plotly语法中指定这一点，所以我尝试用Pandas修改dataframe。这也没有起作用。 我的代码如下： import plotly.plotly as py
import plotly.graph_objs as go
import pandas as pd
df = pd.read_csv('C:/Users/Documents/Python/CKANMay.csv')
sd = df.nlargest(3,'
浏览 23提问于2019-06-22得票数 1
1回答
我正在研究一个互动的条形图，将整合在一个网站上。 我听说要在网站上的其他内容之间集成图形，使用Plotly而不使用Shiny会更好。 我想在我的条形图上插入一个选择器按钮，它看起来像是在Shiny上创建的selectInput按钮。 我在Plotly：https://plotly.com/r/range-slider/#basic-range-slider-and-selector-buttons上看到了如何使用选择器按钮。但是我想我不能使用它，因为我想从1000个城市的列表中选择一个城市，所以我想要一个滚动条。 你知道在Plotly上添加一个带有滚动条的选择器按钮的方法吗？ 或者我应该使用
浏览 11提问于2020-03-25得票数 1
1回答
下面是，它说明了以下问题：
我可以在matplotlib后端覆盖条形图，在某种程度上可以使用plotly --但不能用bokeh。
yaxis label在覆盖后不再有效，应该可以根据用户请求更改label。
如何设置hover以显示多一个列数据？
在plotly中，legend应该被name of the overlayed objects取代--如何做到这一点
在plotly方面，宽度、高度不起作用。还是我没好好利用它？
浏览 5提问于2017-03-27得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
