我正在使用Chart.js和Vue来处理来自数据库的图形数据，我想知道是否有任何方法可以使图形的标题和图例在同一行上对齐？ 将图例与“end”对齐，使其大致处于正确的位置，但它仍然位于标题下面的行上。 下面是我正在尝试实现的一个示例： ?
浏览 25提问于2021-01-22得票数 0
1回答
基于，我能够添加事件，但没有触发。知道为什么吗？我使用默认的chart.js图例。
Chart.helpers.each(vm.chart.legend.legendItems, function(legendNode, index) {
Chart.helpers.addEvent(legendNode, 'mouseover', function() {
console.log('event triggered!');
});
});
简要代码描述：将事件添加到每个图例项。
使用：angularjs和chartjs 2.1.6
浏览 0提问于2016-07-02得票数 3
我正在使用Chart.js库创建图表，一切都很好，但是我的客户希望在图例中有正方形，而不是矩形(我知道这是一件小事，但客户机是王者)。当然，我可以用一些HTML和CSS来制作我自己的图例，但我更愿意继续使用库作为我的图表。
我希望有人能解决这个问题。
浏览 0提问于2018-05-11得票数 1
回答已采纳
嘿，我正在使用很棒的Chart.js库，我想自定义图例项的样式。现在，当数据集被隐藏时，在图例中我们可以看到一条线。例如，我想设置文本不透明度。请帮我换一下。
谢谢你的帮忙
浏览 12提问于2017-03-03得票数 2
是否有一种方法来移动和操纵Chart.js的饼图中的图例？具体来说，我想把它移到我的饼图的左边或右边，并将它放在列表样式中，而不是内联中。我在文档中看到，唯一的位置是顶部或底部，所以我尝试用
Chart.defaults.global.legend.display = false;
然后用我自己的
document.getElementById('js-legend').innerHTML = myChart.generateLegend();
但这并不能生成与图表相对应的彩色图例框。
当前javascript：
var ctx = document.getElementByI
浏览 2提问于2016-05-19得票数 2
回答已采纳
chart.js的文档提到了“图例模板”，但没有提供此类图例的资源或示例。如何显示这些内容？
浏览 3提问于2013-12-05得票数 59
1回答
我一直在玩的解决方案找到从用户霜Z (chart.js 2.5+)，以尝试和应用填充我的图例。如果图例位于图表上方，则解决方案效果很好，但是当图例位于左侧时，尝试在图表和图例之间添加填充是很困难的。
plugins: [{
beforeInit: function(pdChart, options) {
pdChart.legend.afterFit = function() {
this.width = this.width + 50;
};
}
}],
下面的图片
浏览 1提问于2019-09-26得票数 3
1回答
在我看到的dc.js示例中，用户通过选择图表上的值，有时通过选择图例项，将过滤器应用于维度。如何实现用于选择值的专用控件？
浏览 0提问于2019-06-17得票数 1
我正在使用Chart.js。
我想让我的图表图例标签字体更大。
所以我试着这样做：
<code>A0</code>
但它不起作用。我该怎么办？
浏览 28提问于2019-08-20得票数 3
回答已采纳
我正在使用c3js在我的项目中呈现图表，我想知道是否有一种方法可以在图例和标签上显示值。喜欢,
Office 40%
Home 20%
Drive 30%
Other 10%
JSFiddle：
浏览 1提问于2015-09-15得票数 0
回答已采纳
1回答
我正在尝试使用一个图例(在两个以上的列中很常见)，这样
答:滴答表示3。
b.感叹号是指2
c.粗体圆圈表示1。
参见附件中显示的2列的屏幕截图。
然而，我需要这些列的一个常见的图例。
我试着转到“分析”选项卡，然后单击“图例”，但是这一次只显示一列的图例，我需要两个以上的图例。
浏览 4提问于2016-12-20得票数 1
回答已采纳
1回答
我想显示一个组合的动态传奇选项“永远”和“跟随”。使用“跟随”的缺点是，如果图形上没有鼠标，就没有传说。如果没有鼠标，我希望在单独的div中显示默认的图例，类似于labelsDiv设置的图例“始终”。这将允许用户获取图形的屏幕截图，而不必担心将鼠标放在图表上以识别该系列。
Dygraph.js似乎只允许一个图例。
我的方法是使用该系列的名称创建一个静态图例，但我忽略了每个系列的颜色。是否有可能识别每一个系列的动态图形的颜色？
编辑:下面我提供了一个示例，其中"dygraphcolor1“表示每个系列的颜色。
//script
var serieslabels = [point1, po
浏览 1提问于2020-05-30得票数 2
回答已采纳
我在我的网站中使用了角图in来创建一个饼图，并且我想定制这个图例。默认情况下，图例显示颜色和标签。(如下图所示)我想添加该标签的值/数据，就像它在图表的工具提示中显示的那样。
这是我的HTML代码：
<canvas id="pie" class="chart chart-pie"
chart-data="chartData" chart-labels="chartLabels" chart-options="chartOptions">
</canvas>
基于角图is文档，
浏览 5提问于2016-10-25得票数 6
如何从Chart.js创建html图例以隐藏/显示图表的dataset，就像由Chart.js本身生成的图例一样
底部-> Chart.js图例的图例
右边的图例> HTML
如何在"SETOR AGILIZA“中单击并获得相对于它的dataset隐藏/显示
我在chat.js/core.legend.js 中找到了这段代码
onClick: function(e, legendItem) {
var index = legendItem.datasetIndex;
var ci = this.chart;
浏览 3提问于2016-09-15得票数 5
回答已采纳
1回答
我试图缩短我的图表图例，所以我使用beforeRender插件来改变图例的文本。然而，一旦图表被绘制出来，它似乎保持了原来的标签大小(见下面的片段，传说被偏移到左边而不是中间，如果你点击橙色，它会切换前面的项目之一)。
如果我尝试使用beforeDraw，如果我使用beforeInit或beforeLayout，则似乎还没有创建传说。
有什么方法可以让图表用新的文字重绘传奇吗？还是更改图例文本以使其正确呈现？
var ctx = document.getElementById("canvas").getContext("2d");
window.myBar
浏览 2提问于2022-07-05得票数 1
回答已采纳
1回答
而不是有图例滚动，我想让它成为多列。我将固定图例的高度，如果项目超过图例，那么它应该扩展多一列，以显示额外的图例等。这在flex中是可能的吗？任何帮助的想法都是非常感谢的。
谢谢
浏览 0提问于2011-06-13得票数 0
2回答
我在为chart.js自定义图表图例时遇到了一些问题。这是我的面包圈图表的样子：
如您所见，边上的图例没有显示彩色正方形图标。正确地说，它应该看起来像这样：
图表的我的HTML：
<canvas id="merchantChart" height="660" width="330"></canvas>
<div id="merchantLegend" class="chart-legend"></div>
这是我为每个切片设置颜色并覆盖chart.js提供的默认图表图
浏览 0提问于2017-09-23得票数 6
回答已采纳
1回答
我试图为用图表js创建的甜甜圈图表创建一个图例。问题是，我有两个甜甜圈图表堆叠，当创建图例时，它默认为第一个标签。
我希望图例显示蓝色标签作为CPU和绿色标签作为MEM。目前，在任何一个甜甜圈上徘徊的标签是免费的，并使用，我想保留。
下面是创建图表的脚本
var responseChartLoad = new Chart(responseChartCanvas, {
type: 'doughnut',
data: {
labels: ["Used", "Free"],
datasets:
浏览 5提问于2017-09-05得票数 0
回答已采纳
我有一个简单的线图与图表与图例。默认情况下，当用户单击图例时，图例将显示/隐藏用户单击的数据集。我有一个想要调用的回调函数，但是当我将该回调函数分配给图例时，原来显示/隐藏数据集的功能就不再存在了。有没有办法在不删除默认功能的情况下添加回调函数？下面是我当前的图例onClick的样子，"vm.legendOnclickCallback()“暂时只是调用一条console.log语句进行测试。我的过滤器函数用于从图例中删除一个名为dayBar的条形图。 legend: {
labels: {
filter: function (item,
浏览 10提问于2021-01-18得票数 0
我正在重建SSRS的水晶报告。这就是我需要传说呈现的方式：
这是图例当前呈现的方式：
如何将数字值添加到SSRS中的图例中？？
浏览 3提问于2014-01-10得票数 0
回答已采纳
在Power Bi应用程序上的地图框应用程序中，有一个图例选项，但不幸的是，图例不能编辑。作为一个用户，我希望有一个选项来编辑图例，将条目的数量从6个度量值更改为用户指定的数量，更改图例的背景，更改字体颜色、大小和类型。是否可以为用户添加这些编辑？
浏览 3提问于2020-11-13得票数 0
1回答
我正在用R.巧妙地塑造人物，这些人物都有传说。每个图例都有一个表示数据级别的有色点。下面是一个很小的例子：
library(plotly)
data(iris)
plot_ly(
x = ~Petal.Length, y = ~Petal.Width,
color = ~Species,
data = iris)
默认情况下，双击图例中的一个点可以完全隐藏所有不相关的点。例如，双击图例中的"versicolor“点可以隐藏情节中所有的"setosa”和"virginica“点。在圆滑的地方，它“过滤”了图中的数据。
但我宁愿点击图例中的
浏览 0提问于2020-05-11得票数 1
回答已采纳
我正在绘制一个GXT3.0线图，并绘制一个图例。我看不出在API中，图例上的字体可以从times (默认值)更改为arial。
它似乎不是图表对象上的方法，也不是图例配置对象上的方法，也不是系列的方法。该系列中是否有与“sprite”对象的连接？
任何想法都将不胜感激。
浏览 1提问于2014-05-19得票数 0
回答已采纳
在Highcharts.js中，是否可以通过单击某个类别来禁用/启用该类别？与您可以通过单击图例中的给定系列来禁用/启用它的方式相同。 如果不是，下一个最好的选择是什么？
浏览 13提问于2019-01-23得票数 0
回答已采纳
1回答
祝大家今天愉快：
最近，我开始使用Vue.js(2.6.12) + Vuetify(2.3.10)和Chart.js(3.0.2)。所以我又是个新手了。
我已经创建了一个组件，它封装了Chart.js允许我们创建的条形图。这是一张它的照片
我想要改变的唯一两件事是接近图例标题的小方框和一些网格x线。
在这个小传奇盒子里是红色的。我希望它与图例标题文本的蓝色对齐。就像我在这张照片里展示给你的：
最后，我想在X轴中包含一些颜色(粉红色)：
我无法做到这一点。我已经看过并遵循了官方文件，没有任何工作:S。
Change 创建了绘制某些颜色轴的函数：图例的颜色
在图例标题框中，我注
浏览 6提问于2021-05-26得票数 1
回答已采纳
1回答
请看这张截图
当我单击图例项时，将在react js中突出显示或选择饼。
但是，当我从自定义筛选器状态触发图例单击时，饼没有被选中。
请有人分享任何解决方案，以反应js触发图例和饼图选择从外部过滤器？
浏览 1提问于2019-05-13得票数 0
我使用了网格包并行图方法来绘制数据，但在生成图例时遇到了问题。我为绘图创建了一个自定义颜色矢量，但找不到一种方法来传递它们来覆盖图例中显示的默认颜色。虽然我没时间了，最后在Photoshop中修改了图例颜色，但我想学习在网格中做这件事的正确方法。
下面是生成带有4列图例的绘图的代码：
parallelplot(acc, horizontal.axis=FALSE, col=acc_colors, lwd=1.5, cex=2.5,
ylab="Accuracy (Min = 50%, Max = 100%)",
xlab="Activity (ove
浏览 0提问于2013-03-17得票数 5
4回答
谷歌图表图例操作
、、
使用google区域图：
有谁知道我怎么能自由地操纵传说吗？
我很想要两个中的一个：
可以在某个地方自由设置每个图例元素。如果图例的大小超过图例区域的宽度，则会将显示在一行中的图例设置为多行。(优先)
我将避免在iframe中操作svg的黑客攻击。
浏览 1提问于2011-10-18得票数 15
回答已采纳
我有一个条形图，我画了3条垂直线，每条线的顶部都有它自己的标签。我希望这些标签在y轴的顶部(在示例中的30%线以上)，但在图例下面。我想不出如何增加顶部图例和图表之间的间距，这样我的垂直线标签(15，24和33)就可以离开图表本身，而在图例下面。有什么想法吗？
浏览 0提问于2017-05-27得票数 0
1回答
我正在使用chartkick gem，似乎找不到任何方法来更改图例中的值。代码如下：
= pie_chart music_services.joins(:membership_type).group(:include_schools).count, library: { pieSliceText: "value" }
现在include_schools是一个布尔值，所以我得到了一个带有图例的图表，图例显示了真和假。我想让图例说的是，如果这是真的，那么文本就是“有学校”，如果是假的，它就是“没有学校”。
我在文档中找不到这一点，但我猜这肯定是可能的。
任何帮助都是非常感谢的。
浏览 0提问于2018-07-19得票数 0
我为我糟糕的英语感到抱歉。我想在Chart.js中创建图形和图例之间的间距。 如果你能帮助我，我将不胜感激。 代码如下。 ChartBox.vue <template>
<Chart :chartData="chartItems" :options="chartOptions"/>
</template>
<script>
import Chart from './ChartBox/ChartBox.js'
export default {
components: {
Chart
浏览 36提问于2021-02-04得票数 1
刚刚开始使用ExtJ的第一步，但是我无法理解这一步，尽管它必须是完全显而易见的。在下面的代码中，图例中有一个名为“停靠”的配置，我如何在文档中找到它？我搜索了多个ExtJs文档版本，但找不到它。
我所做的：
我看到我们创建了类Ext.chart.PolarChart的一个对象。所以我去看这门课的医生。
在这里，我看到一个名为Ext.chart.Legend类型的“图例”的配置。然后我去看这门课的医生。但是没有所谓的配置“停靠”。
我认为ExtJs文档显示也继承了信任。我还寻找了一些更具体的Legend类，认为docs中列出的类是其他传奇类的父类，但我找不到任何其他匹配类。当然，
浏览 5提问于2016-09-15得票数 0
当带边框的chart.js饼图(v2.5.0)中的所有图例都被隐藏时。将保留一条线(边框)。有没有办法在禁用所有图例的情况下删除边框或清除饼图？ 当所有图例都隐藏时，尝试在图例上单击How can I remove the white border from Chart.js pie chart?，但它仅在下一次事件更改后才在渲染中反映。 when all legends are visible When all legends are hidden
浏览 40提问于2021-05-11得票数 0
1回答
这是我的
我希望将图例定制如下
这是我所拥有的。很难找到自定义图例的教程(在google上)。请协助。
浏览 0提问于2016-09-21得票数 0
1回答
我希望将图例项的标记表示为行的行，而不是框(默认情况下)。我通过在图例标签中设置markerWidth和markerHeight来管理它。然而，我不仅有线条，而且在我的图表中有图系列，其中有菱形标记。所以，每当我把这个盒子挤成我的传说中的一种形式，我的情节系列的标记就是得到ugly.So，我的问题：
1.是否有任何方法可以在不逐项手工创建图例的情况下分别控制图例项？
如果我逐项添加，如何获得与相关系列相同的标记样式？(例如，与项目渲染器相同的形状和颜色)
浏览 1提问于2013-09-06得票数 2
我有一个简单的折线图，图例靠右对齐。图例宽度是根据图例项内容设置的，如果内容不超过图表宽度的25%，则保持原样。但是如果它超过了- 25%就会被应用。这方面的代码是。问题是，我面临的情况是，图例文本有很长的字符串，中间没有空格-就像PricewaterhouseCooper，文本被截断了-这是基于代码的预期结果。然而，我想要消除这种情况，如果有一个字符串的宽度超过25%，就让它超过25%。你对如何更好地解决这个问题有什么建议吗？
谢谢!
浏览 0提问于2020-09-16得票数 0
2回答
在使用制作网格图时，如果我使用figure的legend关键字参数，我会在每个子图中获得一个图例。我如何才能获得整个网格图的共享图例?此外，我如何才能在4个子图中的3个之间获得共享图例？
浏览 0提问于2016-02-28得票数 7
1回答
目前，我正在做一个使用Bokeh的地图可视化项目。
因为地图上的图例太多，所以图例挤满了地图。有没有办法在Bokeh中将图例变成类似下拉菜单的东西？谢谢
浏览 13提问于2020-06-08得票数 0
回答已采纳
1回答
我已经使用angular中的ng2图表创建了甜甜圈图表，在图例之前我需要向图例添加前缀标签 https://stackblitz.com/edit/ng2-charts-demo-example screenshot here ? 像这样的需求 like this ?
浏览 15提问于2021-01-05得票数 0
2回答
我试过subburst chart
并从属性中拖动年份字段并启用图例，但这表明图例不正常，而year字段已在数据中进行排序。我是通过拖放字段检查的
现在我如何整理那个传说
检查图像
浏览 1提问于2019-08-01得票数 0
我希望为饼图图例上的每个标签添加值，而不仅仅是标签本身。在chart.js上有一个添加图例模板的选项，但在newchart.js上似乎不起作用
浏览 2提问于2015-03-02得票数 1
1回答
有没有办法在饼图中显示原始的标签图例，而不是显示“其他”？
我有一个饼图，它有5个切片，每个切片都有自己的百分比数据。但是当最后一个切片5有0个数据，1-4的切片有他们的数据，但图例只显示3个切片，4和5个切片显示他们的图例为"Other“时，我的一些数据就有问题了。
请看以下截图：
提前感谢你的帮助。:)
浏览 16提问于2017-07-26得票数 0
我希望删除一个运行时图例项，隐藏使用css结果在空白空间中创建的图例。 小提琴链接- https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/pie-legend Highcharts.chart('container', {
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false,
type: 'p
浏览 141提问于2021-10-19得票数 0
3回答
我有很多图表我正在绘制，对于一些我需要给每个X值一个自定义的颜色，并在图例中的项目以及。下面的代码实现了这一点，但是在图例中总是有第一个默认值，现在这是没有意义的。如何删除/隐藏/清除原始默认图例项？仅供参考，chartColors数组只是一个要循环的颜色数组。
mainChart.Legends.Add(new Legend("legend"));
mainChart.Legends["legend"].Docking = Docking.Bottom;
foreach (Series ser in mainChart.Series)
{
int i
浏览 24提问于2014-10-03得票数 0
1回答
chart js中的图例中有一些标签可以隐藏吗？
我知道，我可以使用以下选项隐藏所有图例：legend: { display: false }，但我只需要隐藏图例中标签的一部分。
浏览 3提问于2016-10-12得票数 2
回答已采纳
我目前正在为Angular2使用ngx-charts，我想自定义一些图例，例如将图例放在图表下方，或重命名图例字段，或使图例变宽(部分文本被截断)。等。
有什么好的选项可以自定义图例吗？或者这通常是不可能的，或者最好的方法是什么？目前，我的图表图例如下所示：
有些图例太宽了，有些被截断了，我想把图例放在图表下面。
浏览 9提问于2018-08-21得票数 15
使用来自forceNetwork R包的networkD3，如何将图例中文本的颜色更改为白色？
我的守则：
library(networkD3)
forceNetwork(Links = subLinkList, Nodes = subNodes,
Source = "root", Target = "children",
Value = "linkValue", NodeID = "nodeName",
Nodesize = "node
浏览 3提问于2018-06-04得票数 1
回答已采纳
我有一个堆叠的条形图，被布尔型字段分割。这会导致图例以两种颜色显示(很酷！)但是图例有这些值: true和false。对于读者来说，什么是真的或假的意思没有上下文。 ? 在本例中，字段名称为is_active。 至少，让字段名称出现在图例中将有助于人们阅读和理解图表。 更好的是:有没有办法将"true“和"false”分别替换为"Active“和"Inactive”？ 我尝试了这个Advanced->JSON输入： {
"script": {
"inline": "doc['is_act
浏览 71提问于2019-01-31得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
