-
0 votesanswersviews
Ruby on Rails:带有HighCharts和Chartkick的3d图表
我正在尝试使用chartkick HighCharts显示一个三维图表 . 我用这个代码: <%= pie_chart @array.pluck(:title, :percent), adapter: 'highcharts' height: '300px', library: {chart: { options3d: {enabled: true,alpha: 45,beta: 0}},p... -
1 votesanswersviews
如何在rails中的chartkicks中显示数据计数和百分比
使用 chartkicks 显示图表 . 它仅显示百分比 . 我想显示计数/金额以及百分比 . <%= pie_chart visits.group(:country).count %> -
2 votesanswersviews
如何在chartkick rails中显示饼图中的数据计数
我想显示数据的数量和百分比 . 它有效,但是对于小百分比,由于体积小而没有出现任何东西 . 它可以显示图表外的计数和百分比 . 或者它们的兴趣列表 . <%= pie_chart users.joins(:relationship_status).group('relationship_statuses.name').count, library: {legend: {labelFormat... -
0 votesanswersviews
通过本地var(Rails)将Chartkick图表类型传递给partial
我在我的应用程序中创建了一个用于渲染Chartkick图表的图表 . 我想将3个本地变量传递给partial,它提供: 图表类型(line_chart) 数据 Headers 数据和 Headers 工作正常我无法通过图表类型 . 我试过字符串 locals: { chart_type: "line_chart", data: @chart, caption: ... -
0 votesanswersviews
如何按关系名称对记录进行分组?
我正在使用 Rails 4.2 ,Chartkick&GroupDate gems,以显示有关已购买订单的统计信息 . order.rb class Order < ActiveRecord::Base ... has_many :ice_creams ... end ice_cream.rb class IceCream < ActiveRecord::... -
0 votesanswersviews
Rails,ChartKick和MongoID查询
我有一个Rails应用程序,我想使用ChartKick在"Dashbaord"页面上显示一些图表 . 我安装了ChartKick,我知道我需要使用MongoDB查询来提取数据,但是我想要提取的数据和"count"是嵌套密钥,在我的主索引视图中,我通过创建新模型和使用 embeds_one 和 embedded_in 将嵌套信息拉入主模型 . 我现在仍然试图将... -
2 votesanswersviews
使用Ruby on Rails中的chartkick自定义工具提示
我正在做一个rails应用程序,并且能够得到chartkick工作但是定制它对屁股来说有点痛苦 . 我似乎想通了 . 我只是想能够改变文字, "Value" . 有人能把我放在正确的方向吗? 这是我的代码: <%= column_chart [ ["Strongly Disagree", p[1]], ["Disagre... -
0 votesanswersviews
无法使用chartkick.js和Mysql显示Rails图 - 给出时区问题
我试图显示基于[https://richonrails.com/articles/charting-with-chartkick]在线教程的简单图表技巧图表时出现以下错误 . 这是我尝试点击 Rails 4 应用程序中显示图表的页面时出现的错误 . 看起来我在 MySQL 中缺少Timezone支持,但不确定如何安装 . 我位于 US EST 时区 . 我该如何解决这个问题? Gems Insta... -
3 votesanswersviews
rails chartkick x axis没有标签“......”
我使用rails Rails 5.1.5和gem chartkick 我想绘制一个柱形图 . 我的代码如下: <%= column_chart @communes %> 我得到正确的数字,但x轴上的标签不存在 . 我只得到三个 . https://drive.google.com/open?id=1arL7YfTG3Cmqx6Q0_mcVZ4NO25vwkP-H 如果我使用任何其他图... -
1 votesanswersviews
Chartkick rails 4和表格图表
我似乎无法弄清楚Chartkick如何或是否支持表格图表 . 我试着使用table_chart,好像我正在做任何其他图表,但它没有用 . 谁知道chartkick是否支持这个?我在文档中找不到它 . -
1 votesanswersviews
Chartkick饼图传奇定制
我在chartkick中使用highcharts库来绘制图表 . 我需要自定义饼图的图例,但我能够做到 . 我的代码是 <%= pie_chart Question.group(:user_id).count %> 这导致了 但我需要类似的东西 ie)我需要单独显示图例 . 不要考虑图例中的数据,它只是一个样本数据,可能会在两个图表中有所不同 . -
1 votesanswersviews
Rails:使用Chartkick Gem从饼图中删除白色边框
有没有办法通过向库添加选项从饼图切片中删除白色边框? 我有一段用于创建此图表的代码片段 . <%= pie_chart monthly(current_user.events), colors: colors_group, width: "200px", height: "200px", library:{animation:{easing: 'eas... -
8 votesanswersviews
如何在nvd3饼图的工具提示中获得百分比?
我有一个nvd3饼图 . 我获取百分比值作为标签,但我想在工具提示中 . 这是HTML: <nvd3-pie-chart data="Data1"id="labelTypePercentExample" width="550" height="350" x="xFun... -
0 votesanswersviews
Angular nvd3没有显示
我试图使用angular.js nvd3 [1]显示实时线图 . 它应该绘制高度与时间的关系 . 我遇到的问题是让x轴正确显示时间数据数组 . 这就是它的样子: http://i.imgur.com/PQeskpf.png 这是我试图显示的数据: $scope.chart1data = [ { "key": "Altitude"... -
2 votesanswersviews
使用角度在NVD3图表上实时更改轴标签
我确信这个答案必须是显而易见的,但我可以't seem to find the answer anywhere. I have a chart which I am generating using krispo' s angular-nvd3实时显示数据(类似于找到的实时示例here) . 在我的应用程序中,我使用右键单击上下文菜单来更改当前显示的数据集 . 到目前为止,它运作良好 . 但是,我... -
1 votesanswersviews
nvd3 angular-nvd3 d3垂直显示图表图例
我正在使用nvd3和angular-nvd3创建一个饼图 . 我已经显示了我的传奇,但它在顶部连续排列 . 我想将它显示在左侧的一列中 . 我找到了http://embed.plnkr.co/TJqjjkHaD2S0VjsGmN3c/preview但是当我使用.js文件中的选项时,所有这一切都改变了图例的外观,而不是位置 . css文件为空,html中似乎没有内联css . 所以我不确定他们是如何... -
0 votesanswersviews
在Angular-Chart的饼图上重叠传说
我正在使用角度图表(为了简化我在显示图表和内容时的生活) . 到目前为止,it had been pretty straightforward和我能够完美地呈现我的饼图 . HTML: <canvas id="pie" class="chart chart-pie" chart-data="data" chart-labels=... -
0 votesanswersviews
在angular-nvd3散点图中绘制一条垂直线
我有一个带有两个数据系列的angular-nvd3散点图(类似于http://krispo.github.io/angular-nvd3/#/scatterChart) . 需要在此图表中添加一些垂直参考线以标记关键日期 . multichart工作,但我会失去缩放功能,这是一个关键要求 . 有没有办法在散点图中添加垂直参考线? TIA -
0 votesanswersviews
如何在SSRS饼图中解决图例格式问题
我正在使用SSRS报告 . 我设计了一个包含一些饼图的报告 . 所有的事情都很好 . Legends对齐和字体系列存在一些问题 . 如果你看到附加图像 . 你会看到第一个饼图传说与第二个饼图的传说不同 . 我为饼图的两个图例设置了相同的属性 . 任何机构都可以提出有关此问题的解决方案 . 在此先感谢Ashish Bisht -
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...