c3.js

0热度

1回答

我使用C3条形图现在我面临的X轴的刻度问题。我正在动态地考虑X-Axis的价值。请参见下面的代码： chart = c3.generate({ bindto: '#port_range_to_port_range', data: { x: 'x', columns: [ ['x','Ho Chi Minh City', 'Tanjung

0热度

1回答

保留项目后重点

这是我的代码的一个例子。我知道初始值，所以我申请专注于它。但是，如果我将鼠标悬停在任何项目上，然后鼠标悬停，图表将重置为没有被聚焦的项目。我认为我可以再次将焦点应用于一个onmouseout，但由于范围原因它不起作用。 var selectedItem = "Banana"; var chart = c3.generate({ data: { columns: [

1热度

1回答

通过onclick传递数据

我有一个C3 xy图表，我试图添加一个onclick。 onclick在附带的小提琴中被注释掉（第58-70行）。 Scatter Fiddle当我将onclick代码包含在内时，图表不显示，在某处我弄乱了语法。 var clickEvent = function(d) { var clickData = d.id; var clickValue = d.value; //y

0热度

1回答

显示c3js工具提示条形图中条形图的总计数

我有一个类似于此link中显示的条形图。我想两个功能添加到这个柱状图相反的数字，我想提示标题显示在给定cordinate横杠显示的次数的总和。我想在工具提示中显示％而不是实际计数。有人可以帮助我吗？

0热度

1回答

c3.js - 如何将y线值设置为url中的第一个值（json数据）

如何将y线值设置为来自URL的第一个值？（JSON数据） var chartDisplay = c3.generate({ bindto: '.chart', data: { url: '/stats', mimeType: 'json', }, grid: { y: { lines: [ {

0热度

1回答

隐藏某些图例元素

我正在使用names属性来标记散点图图例。我一直无法找到仅显示data14，data15，data16和data17的图例并隐藏data1到data13的图例元素的方法。 data1到data13将始终是相同的，data14到data17可能会展开或折叠的数量和标签文本将更改。 names: { data1: '2%', data2: '5%', data3:

0热度

1回答

如何显示使用C3 JS使用JSON

我使用C3图表呈现在我的项目的一些数据在图表图例，我想露面的传说（标签在我的情况），而不是在AcisX数字：数据JSON格式： [ {"Label":"DQUA","Aut":3.75,"NoAut":3.75,"CM":32}, {"Label":"DPRO","Aut":43.9,"NoAut":0,"CM":144}, {"Label":"DMAI","Aut

0热度

1回答

C3.js的格式问题

我用C3.js创建的可视化存在问题。我散点图的顶部和侧面边缘被截断（可能是因为我改变了气泡的半径，但我不认为这应该是一个问题。我已经试过给人填充，但没有用。当鼠标悬停气泡，更多的数据它下面出现一个甜甜圈图表中，当你鼠标移出，饼图图例不会消失。 Here's the fiddle我创建。 var chart3 = c3.generate({ bindto: '#chart1',

1热度

1回答

如何绘制c3js饼图上定制的JSON数据？

我要绘制基于以下JSON C3js饼图（从收到的HQL，冬眠的Java游戏框架）... JSON看起来是这样的（这是动态数据）： {"ug":["K","M2","M3","M4"],"wtv":[10,20,35,60]} HTML： <div id="chart"></div> JS（我真的试图）： var json ={"ug":["K","M2","M3","M4"],"wtv":

3热度

1回答

如何用Keen.io＆c3绘制百分比绝对值intead的甜甜圈？

我正在使用Keen.io（“版本”：“3.4.1”）JavaScript SDK，以及它们与C3.js的集成，通过使用下面的代码生成甜甜圈图。但是，我不想百分比，而是绝对数字。即不是25％，但是7. 从阅读文档并看看examples（请参阅“var c3gauge”）和example，我认为您可以通过应用chartOptions来修改输出。这似乎并不奏效。在这一点上，我觉得我正在做一些愚蠢的事情，