我正在使用谷歌图表来显示一些统计数据。我使用柱状图。每列都有一个标签,它是一个非常长的字符串。此标签显示为x轴标签,当我将鼠标悬停在数据列上时也会显示。我想要做的是保持这个长标签在悬停在列上时显示,但只在x轴上显示ID。例如:
ID | Name | Value
1 | Some long label | 3.0
当鼠标悬停在数据列上时,我想要显示"ID“作为x轴标签和"Name”。"Value“是实际数据。有可能做到这一点吗?我在图表文档中找不到这一点。
我使用Chartjs显示线条图,这很好:
// get line chart canvas
var targetCanvas = document.getElementById('chartCanvas').getContext('2d');
// draw line chart
var chart = new Chart(targetCanvas).Line(chartData);
但是,当我试图更改图表的数据时,问题就会发生。我通过使用新的数据点创建图表的新实例来更新图表,从而重新初始化画布。
这个很好用。但是,当我在新图表上悬停时,如果我碰巧浏览了与旧图
我有一些条形图有很长的标签,它们会影响图表的大小。
示例:
我试图截断显示在图表下面的标签,同时保持当在条形图上悬停时显示在工具提示中的标签。问题是工具提示和画布标签都从数据结构中的labels数组中获取它们的值。截断该值将显示两个位置的缩短版本。
sales: ko.observable({
labels: ['A really really long label', 'Another long labe', 'A third label that is long', 'Q4', 'Q5', 'Q
我用vue-chartjs绘制一些图表,如线条、条形图等.
在我的项目中,有很多情况是使用图表中数据的特定值或可用值。使用vue-chartjs的工具提示选项,我可以在悬停时检查数据项的值或标签。
我想知道如何访问或获取特定数据的信息,在点击时与图形上的点匹配(而不是悬停)。这是我关于图表选项的代码。
chartOptions: {
responsive: false,
onClick: function(evt){
//Some logic to get value of label of specific data...(type, label, v
我一直在寻找解决这个问题的方法,虽然我知道如何使用Silverlight,但在ASP.NET上却做不到。我已经使用微软的图表工具生成了一个简单的条形图,但添加了大量的列,因此x轴上的标签并不清晰,并且只显示了一小部分列。
我用来生成图表的代码是:
public ActionResult ChartUserTotals() {
var data = new ArrayList {};
foreach (var user in org.Users) {
data.Add(new { X = user.FullName, Y = UserTotal });
}