正文 

当前位置： 首页 > 知识 >

图例和条形图颜色不匹配

     2023-05-07     152

关键词：

【中文标题】图例和条形图颜色不匹配【英文标题】：Legend and Bar Chart Colors do not match 【发布时间】：2015-08-19 18:48:09 【问题描述】：

我有以下实施和我用colorField到指定颜色。然而，即使我上色块堆对象正常，但这种颜色不随传奇色彩匹配。我认为它应该得到某种约束，应该怎么解决？ P>

我已经使用colorField因为我要分配的相同的颜色在酒吧堆列配对的物体。 P>

dataSample：

data[0] = 
    "value": 29,
    "series": 1,
    "category": "Men",
    "fname": "NY",
    "valueColor": "black"
,

http://jsfiddle.net/fm79hsms/13/

【问题讨论】：

我发现在telerik.com/forums/stack-bar-chart-legend-color-issue文章可以帮助你。 SPAN> 是否有一个方法来解决，使其工作？ SPAN> 【参考方案1】：

这是一个解决方案，虽然感觉有点老套。

js fiddle

我使用 legend.item.visual 重绘图例并从数据中提取 valueColor，它很好地传递给了 legened.item.visual 函数。

legend: 
        item: 
            visual: function (e) 

                var color = ""

                for (var i=0;i<e.series.data.length;i++)
                    if (e.series.data[i].valueColor != "" && e.series.data[i].fname != "") 
                    color = e.series.data[i].valueColor
                    
                

              var rect = new kendo.geometry.Rect([0, 0], [100, 50]);
              var layout = new kendo.drawing.Layout(rect, 
                spacing: 5,
                alignItems: "center"
              );

              var marker = new kendo.drawing.Path(
                fill: 
                  color: color
                
              ).moveTo(10, 0).lineTo(10, 10).lineTo(0, 10).lineTo(0,0).close();

              var label = new kendo.drawing.Text(e.series.name, [0, 0], 
                fill: 
                  color: "black"
                
              );

              layout.append(marker, label);
              layout.reflow()

              return layout;
            
         
     ,

【讨论】：

【参考方案2】：

添加this -&gt; seriesColors: ["red", "green"]，并在剑道图表javascript中配置自己的颜色。

【讨论】：

colorField 从数据中是动态的，在 JavaScript 中手动创建 seriesColors 并不能解决所提出的问题。 JFlox 虽然 hackish 是 Kendo 推荐的方式。

Pandas 堆积条形图为大型图例重复颜色

】Pandas堆积条形图为大型图例重复颜色【英文标题】：Pandasstackedbarchartduplicatescolorsforlargelegends【发布时间】：2014-02-1619:32:31【问题描述】：我需要创建一个包含大量（10个左右）类别的堆积条形图。问题是Pandas最多只能为7个不... 查看详情

如何在 plotly express 条形图中隐藏颜色条和图例？

】如何在plotlyexpress条形图中隐藏颜色条和图例？【英文标题】：Howtohidethecolorbarandlegendinplotlyexpressbargraph?【发布时间】：2020-02-2601:55:41【问题描述】：我正在创建一个类似这样的条形图：px.bar(df,x=x,y=y,color=c,title=params[\'title\'],hove... 查看详情

如何将值放在格条形图的条形图中并有图例

】如何将值放在格条形图的条形图中并有图例【英文标题】：HowcanIputvaluesinthebarsofalatticebarchartandhavealegend【发布时间】：2020-04-0401:46:42【问题描述】：更新如果我从自动键行中删除“points=FALSE”，图例将显示颜色，但不会显示它... 查看详情

XlsxWriter - 图表列和图例颜色不匹配

】XlsxWriter-图表列和图例颜色不匹配【英文标题】：XlsxWriter-ChartColumnandLegendColorMismatch【发布时间】：2019-03-2121:53:47【问题描述】：我正在与xlsxwriter在python合作。我创建了一些图表，但是颜色不匹配。我正在尝试根据工作需要设... 查看详情

在ggplot中向条形图添加图例

】在ggplot中向条形图添加图例【英文标题】：Addinglegendtobarplotinggplot【发布时间】：2019-06-2111:19:19【问题描述】：谁能告诉我如何在我的条形图中添加一个图例，它应该只包含一种颜色而不考虑多个组？由于我的图显示了四个不... 查看详情

如何使ggplot图例准确反映条形图的外观

】如何使ggplot图例准确反映条形图的外观【英文标题】：Howtomakeggplotlegendexactlyreflectappearanceofbars【发布时间】：2017-06-0122:57:38【问题描述】：我有一个带有分组条形的ggplot条形图。每个x值有4个条形，条形填充、颜色和alpha由数... 查看详情

更改 ggplot2 中条形图和图例的默认颜色

】更改ggplot2中条形图和图例的默认颜色【英文标题】：Changedefaultcolorofbarplotandlegendinggplot2【发布时间】：2021-09-1701:54:07【问题描述】：这是动画ggplot2条形图的代码。我想将图例和条形图的默认颜色更改为凉爽的绿蓝色阴影。这... 查看详情

Matlab中具有负值和正值的条形图

...、正向量和负向量。以下代码工作正常，除了...a)颜色和图例。我希望每个收入和运营支出向量都有相同的颜色和相应的图例条目。b)我想让那些大部分为负的向量（在本例中为ope 查看详情

反转图例顺序而不更改绘图快速条形图中的条形顺序

】反转图例顺序而不更改绘图快速条形图中的条形顺序【英文标题】：Reverselegendorderwithoutchangingbarorderinplotlyexpressbarplot【发布时间】：2020-10-1800:50:21【问题描述】：我想更改plotly.express条形图图例中项目的顺序。例如，我想在这... 查看详情

图例中的误差条 - 熊猫条形图

】图例中的误差条-熊猫条形图【英文标题】：ErrorbarinLegend-PandasBarPlot【发布时间】：2020-10-2211:02:43【问题描述】：是否可以在图例中显示误差线？（就像我画的一样）它们不一定必须是正确的长度，如果它们被指示和识别，对... 查看详情

在 R 中创建具有匹配颜色和线条形状的图例

】在R中创建具有匹配颜色和线条形状的图例【英文标题】：CreatingalegendinRwithmatchingcolorandlineshape【发布时间】：2018-07-0716:41:47【问题描述】：如何创建具有相应线条类型和颜色的正确图例？另外，如何为该图创建标题？在我的传... 查看详情

更改图例的位置和条形图的大小

】更改图例的位置和条形图的大小【英文标题】：Changinglocationoflegendandsizeofbarplot【发布时间】：2020-04-1712:25:06【问题描述】：我创建了按年龄组和性别的数据分组并绘制了它但我似乎无法找到改变图例位置的方法这是我的代码... 查看详情

ggplot2：为彩色条形图和图例添加不同的纹理[重复]

】ggplot2：为彩色条形图和图例添加不同的纹理[重复]【英文标题】：ggplot2:AddDifferentTexturestoColoredBarplotandLegend[duplicate]【发布时间】：2019-06-0305:35:51【问题描述】：基于ggplot2包，我想为条形图的不同条形添加不同的纹理。此外，... 查看详情

如何关闭 ggplot 堆叠条形图中的颜色图例？所有解决方案都失败了

】如何关闭ggplot堆叠条形图中的颜色图例？所有解决方案都失败了【英文标题】：Howtoturnoffcolorlegendinaggplotstackedbargraph?allsolutionshavefailed【发布时间】：2021-08-1505:35:47【问题描述】：我有一个堆积条形图，ggplot自动生成了一个我... 查看详情

更改 excel 图表图例颜色而不影响系列

】更改excel图表图例颜色而不影响系列【英文标题】：Changeexcelchartlegendcolourswithoutaffectingseries【发布时间】：2019-11-0712:45:23【问题描述】：我在Excel中有下面的条形图，它有两个代表RAG评级的系列。我想更改图例以将两个系列图... 查看详情

将图例添加到组合的线和条形图 ggplot

】将图例添加到组合的线和条形图ggplot【英文标题】：Addingalegendtoacombinedlineandbargraphggplot【发布时间】：2020-12-0215:39:38【问题描述】：所以我知道很多人都问过类似的问题，但其他人使用的代码似乎不适用于我的图表，因此为什... 查看详情

Plotly Dash 图例中的自定义标记

】PlotlyDash图例中的自定义标记【英文标题】：CustommarkersinPlotlyDashlegend【发布时间】：2021-06-0200:06:30【问题描述】：我在图表上有两条迹线，其中一条是烛台图，另一条是带有绿色和红色条形的条形图。自动生成的图例如下所示... 查看详情

将水平线添加到 R 中 ggplot2 中的堆叠条形图，并在图例中显示

】将水平线添加到R中ggplot2中的堆叠条形图，并在图例中显示【英文标题】：Addhorizontallinestostackedbarplotinggplot2inR,andshowinlegend【发布时间】：2016-06-1600:59:41【问题描述】：我有一个堆叠的条形图，类似于下面的示例。我想在每个... 查看详情