-
1 votesanswersviews
使用Razor模型数据填充javascript图表
我有一个折线图http://www.chartjs.org/docs/#line-chart-introduction我想用MVC6 / Razor中的viewmodel填充数据 我的Viewmodels是 public class LeaderboardViewModel { public List<LeaderboardViewEntry> LeaderboardViewE... -
48 votesanswersviews
单击Chart.js中饼图上的事件
我有一个关于Chart.js的问题 . 我使用提供的文档绘制了多个饼图 . 我想知道如果单击其中一个图表的某个切片，我可以根据该切片的值进行ajax调用吗？ 例如，如果这是我的 data var data = [ { value: 300, color:"#F7464A", highlight: "#FF5A5E... -
1 votesanswersviews
Chart.js饼图未显示
var upDataC = []; for (var i = 1; i < upData.length; i++) { upDataC[i - 1] = upData[i]; var datasetsx = []; var datas; for (var j = 0; j < lData.length; j++) { datas = 0; var x ... -
0 votesanswersviews
在VueJs组件中使用ChartJs
我正在尝试使用 Chartjs 来构建和管理Vue组件中的图表，我很困惑，在导入 chartjs 库后，我应该在脚本标签中的哪个位置初始化图表实例 var myChart = new Chart(ctx, {...}); ？我也在使用Vue CLI Webpack设置 换句话说，我不确定我应该在 export default {} 块内部或外部初始化它，如果它在里面，是应该在打开花括号之后还是... -
1 votesanswersviews
generator-angular-fullstack和angular-chart.js不显示图表
我一直在使用角度一段时间，但这是我第一次尝试使用yeoman和generator-angular-fullstack . 我试图使用angular-chart.js在视图中显示图表 . poll.html加载时没有任何问题，只显示未显示的图表，并正确显示所有内容 . Devtools在所有文档上显示状态200，我可以看到chart.js，angular-chart.js和angular-cha... -
0 votesanswersviews
angular-chart.js圆环图：如何在图表中心显示数据
我正在使用angular-chart.js库（https://jtblin.github.io/angular-chart.js/）来实现圆环图，我有一个要求我想在图表中间显示总数据，如下所示 Check this image 我可以使用当前的库支持吗？非常感谢你的帮助！ -
0 votesanswersviews
如何使用Chart.js删除极 Map 表区域中的线条/网格？
我目前正在柏林开始匆匆忙忙地让我们的网站启动并运行，我得到了HTML和CSS，但是当它归结为Jquery时是一个很大的菜鸟 . 无论如何，我遇到了Chart.js，并希望通过极 Map 表来展示我们公司的成功 . 但我想删除背景中的图例和灰色网格/线条 . const CHART = document.getElementById("lineChart"); console.l... -
0 votesanswersviews
角动态图生成
我正在使用Chart Js和Angular Chart Directive . 我在ng-repeat指令中动态地需要条形图 . https://jtblin.github.io/angular-chart.js/ 根据他们的文档，我必须给出两个数组 $scope.labels = ['2006', '2007', '2008', '2009', '2010', '2011', '2012'];... -
1 votesanswersviews
向chart.js对象添加额外数据
我是使用chart.js或angular-charts的新手 . 我想要做的是将额外的数据添加到正在构建的图表对象中，这样我就可以使用它在图表外部显示长字段名称 . 目前字段名称在图表上太长，所以我们在对象中有一个字段名称和一个长字段名称 . 但是，当我构建图表对象时，它只会通过短标签发送 . 我希望能够以某种方式将长字段名称传递给图表对象并引用它 . $rootScope.hoverLongFi... -
1 votesanswersviews
圆环图中的粗体文字（chart.js）
我想在我的圆环图中设置 bold text （使用chart.js） 下面的代码运行良好，但是-fontStyle和fontWeight-这些根本不起作用 . 如何将中心文字更改为粗体？ let ctx = chart.chart.ctx; ctx.textAlign = 'center'; ctx.textBaseline = 'middle'; ctx.font = '3vh Montser... -
1 votesanswersviews
如何在Angular Charts极区图表的鼠标悬停上自定义工具提示
我有一个用Angular Chart构建的极 Map ，如下： 我需要自定义工具提示鼠标悬停中的内容（现在它显示[label：value]或[MBA010：98.69]，如图中所示），或者完全删除该选项 . 我尝试应用this plunker中显示的选项，由similar question提供： // Controller $scope.chart_options = { tooltipTe... -
0 votesanswersviews
angular-chart.js - 定义设置Y轴宽度
我正在使用angular-chart.js（使用Chart.js）创建条形图，此下还有一个表格显示相同的数据 . 我遇到的问题是当我更改正在显示的数据时，Y轴标签会改变宽度并使所有内容不对齐，例如： 图表和表格在第一张图片中对齐，但是当数据发生变化时（最大Y轴标签3个字符从4减少），它看起来像第二张图片 . 我在chart.js文档中找不到任何内容，有没有办法可以全局设置Y轴标签的宽度？ -
3 votesanswersviews
如何为折线图设置chart.js网格颜色
我想使用选项字段更改折线图的网格颜色，但我不知道从哪里开始 . 我首先尝试使用渐变来更改画布背景颜色，但结果并不好 . canvas{ background:linear-gradient(top, #ea1a07 0%, #f4b841 75%,#f2dd43 100%); } 但是，我没有得到我想要的东西，因为正如你在上面的图片中看到的那样，不仅网格被着色而且x值，y标签和图表图例也被着色 ... -
1 votesanswersviews
在chart.js中为每个标签设置特定颜色
我正在尝试为使用chart.js库制作的图表设置颜色 . 我需要为每个数据标签指定特定颜色 . 但是当特定标签的数据为零时，颜色会混淆:( . 它看起来像库中的零数据标签和标签颜色不同 . 例如，当数据是： 颜色：绿色，红色，黄色， 标签：'通过'，'失败'，'进行中' 数据：0,5,80 传递的标记数据将被跳过，因为其值为零，因此失败的标记数据将获得第一种颜色：绿色，依此类推 . 如何强制颜色匹... -
1 votesanswersviews
未捕获的TypeError：无法读取对象比例的未定义属性'draw'
我正在关注Chart.js示例 . 但是当我尝试渲染thaat示例时，我收到以下错误： 未捕获的TypeError：无法读取undefined的属性'draw' 这是我所遵循的例子 . 我已经做了相应的事情，我不知道为什么会导致这个问题 . http://carlcraig.github.io/tc-angular-chartjs/doughnut/ 下面是我对该示例的实现 . 我的模块 a... -
4 votesanswersviews
Ionic Angular Charts：Uncaught Error：Chart.js库需要包含在内
我试图将图表包含到我的Ionic应用程序中，但是我收到错误 . 我已将angular.js文件夹和chart.js文件夹下载到我的lib文件夹中，并将以下行添加到index.html： <script src="lib/angular-chart.js/dist/angular-chart.js"></script> <script src=&qu... -
1 votesanswersviews
如何在angular-chart.js中对齐图例
我正在使用angular-chart.js图表饼 . 我需要像 horizontalAlign: "right", verticalAlign: "center" 那样对齐图例，但我不知道该怎么做 . 我的代码 HTML： <canvas id="pie" class="chart chart-pie" ... -
0 votesanswersviews
在angular-chart.js中使图例大小不变
我在angularjs中使用angular-chart.js 我想将饼图的图例大小固定为固定量并使它们对齐 . 这就是我现在所拥有的 我希望第一个饼图也具有与其他两个相同的尺寸，并且图例在同一行中开始，如下图所示 . 部分代码如下： HTML <!-- Staffing chart --> <div style="float:left; display:inline-... -
1 votesanswersviews
在Angular-chart.js中动态创建的画布上创建图表
我有一个div需要托管图表或表格，具体取决于XHR响应 . 在图表的情况下，我需要将div内容替换为chart.js用于显示图形的canvas元素 . 如果我将canvas元素添加到HTML代码中，angular-chart.js会呈现图形 . 但是，如果我使用javascript将画布注入div，则canvas元素将位于dom中，但不会显示图表 . 我该如何解决这个问题？ HTML <di... -
1 votesanswersviews
自动调整图表大小 - AngularChartJS
我正在使用堆积条形数据图表，以便使用Chart.js 2.0.2 和Angular-Chart 1.0.0显示一些信息 . 我想检测用户何时滚动到图表容器的末尾，然后通过保持图表的比率（高度/宽度）将一些数据添加到图表中 . 问题是，chart.js提供了一个iframe，我不知道如何添加数据并保持bar之间的空间 . 如果我调整画布大小，这不起作用 . 我有一个基本图表，其中options.r... -
1 votesanswersviews
Chart.js - 更改容器高度时无响应
我将圆环图添加到仪表板框中 . 仪表板框可以更改宽度和高度 . 当我改变宽度 - 图表更改大小，但当增加/减少高度图表没有变化自己的大小 . 我的chart.js选项： options: { segmentShowStroke: false, percentageInnerCutout : 64, responsive: true, maintainAspectRatio: fa... -
1 votesanswersviews
无法从chart.js调整图表大小
我有一个带有div的flex容器，其中我有一个带有chart.js图表的画布（maintainAspectRatio：false） . 单击某些按钮（更改其值和y轴范围）时，图表会自动更新 . div有一些指定的高度和宽度： <div id="chart-container" class="flex-item chart_class">... -
0 votesanswersviews
Angular Chart.js不显示图表（图例正在显示）
我正在使用Angular-chart.js包：http://jtblin.github.io/angular-chart.js/ 当我加载页面时，页面底部的图例显示，但图表本身不显示 . 我添加了div来验证数据是否实际填充 . 这是我到目前为止的代码： <div> <span> vm.bvpsData - </span> ... -
0 votesanswersviews
将鼠标悬停在外部元素上时触发条/饼图突出显示[chart.js / chart js] [AngularJS] [angular-chart.js]
我正在使用angular-chart.js来创建仪表板 . 我没有在画布中使用内置图例，而是使用ng-repeat来动态创建具有匹配颜色的标签 . 现在，我想要完成的是：当一个项目悬停在我的自定义图例中时，它会在图表中突出显示该项目，反之亦然 . 我想也许如果我能找到触发工具提示事件的事件我可以操纵它并创建一个ng-mousover表达式... 这有可能吗？ 谢谢，Emad -
3 votesanswersviews
角度图表默认情况下如何显示图例数据值以及图例名称
我正在使用angularjs图表，Chart.min.js和angular-chart.min.js 它仅显示图例中的“标签”，我希望默认情况下还可以看到“数据”以及标签，作为图例的一部分或在饼图部分本身内 . 任何人都可以帮忙吗？ HTML: <div class="col-lg-6 col-sm-12" ng-controller="PieCtrl&... -
1 votesanswersviews
自定义角度图表工具提示
我正在使用Angular Chart，我需要自定义工具提示 . 目前饼图上的工具提示显示如下 . 它们也是重叠的 . 我需要显示类似于此的工具提示 . 我怎样才能做到这一点？ -
3 votesanswersviews
部分视图中的多个Chart.js图表互相覆盖
使用Asp.Net MVC，我正在尝试使用chart.js库创建一个在单个页面上显示多个条形图的网页 . 每个图表都有不同的数据，并在其自己的局部视图中创建 . 但是，最后的图表数据不是创建多个不同的图表，而是覆盖页面上的第一个图表，所有剩余的图表显示为空白 . 如下图所示，"Title and Segments"数据和图例覆盖"Producers"数据，&... -
0 votesanswersviews
显示折线图中每个数据点的标签
我使用Chart.js渲染的折线图 . 我使用多个数据集，而数据集仅包含一个数据点（x，y）（从业务域给出） . 图表显示了悬停时每个点（x，y，标签）的信息，但是我希望默认情况下/每个点旁边都有一个标签，每次显示相应的标签 . 我在研究期间找不到任何解决方案 . 有什么指针吗？这实际上可以用Chart.js实现吗？ -
5 votesanswersviews
Chart.js - 在不使用工具提示的情况下将文本/标签添加到气泡图元素中？
问题 有没有办法在Chart.js气泡图表中为各个气泡添加标签而无需一直显示工具提示？ 背景 图表数据用于可视化我们的项目积压 . 有关每个项目的其他详细信息，即项目名称，都在表格中 . 我们以前使用谷歌图表，只是在泡沫表中包含行号，这样你就可以匹配了 . 使用Chart.js我只得到气泡和工具提示 . 我已经回顾了以下相关问题，但他们建议的解决方案要求始终显示工具提示 . 我在工具提示中获得... -
0 votesanswersviews
使用Chart.js更改圆环图中的工具提示位置
我有一个使用Chart.js的圆环图，它正确显示了我的应用程序的登录数据，但是我修改了图表，以便在中心剪切块的文本中显示登录总数： 我遇到的问题是工具提示 . 当我将鼠标悬停在饼图的浅青色片上时，如果图表缩小，则工具提示与中心的文本重叠，如下所示： 我希望能够改变工具提示向外延伸的方向，因此它不会向中心移动，而是移开，以便工具提示和中心分析都可见，但我还没有找到关于如何的简明解释改变工具提示的...