标签: charts

图表Js在线图的x轴上更改标签方向

我正在使用chart.js.

此问题类似,我想将我的x轴标签旋转90度.目前,我的标签使用默认设置旋转约80度.

在此输入图像描述

有人可以帮我调整旋转标签的条形图解决方案,以便我可以在折线图上使用它吗?

javascript charts chart.js

27
推荐指数
4
解决办法
4万
查看次数

Chart JS +ng2-charts 不适用于 Angular+2

你好开发人员我一整天都在尝试在我的项目上实现图表,但是按照官方文档,我无法摆脱这个错误:

ERROR in ./node_modules/ng2-charts/__ivy_ngcc__/fesm2015/ng2-charts.js 317:8-21
"export 'pluginService' was not found in 'chart.js'
 node_modules/ng2-charts/lib/base-chart.directive.d.ts:4:59 - error TS2305: Module '"../../chart.js/types/index.esm"' has no exported member 
'ChartPoint'.
    
    4 import { ChartConfiguration, ChartDataSets, ChartOptions, ChartPoint, ChartType, PluginServiceGlobalRegistration, PluginServiceRegistrationOptions } from 'chart.js';
                                                                ~~~~~~~~~~
    node_modules/ng2-charts/lib/base-chart.directive.d.ts:4:82 - error TS2305: Module '"../../chart.js/types/index.esm"' has no exported member 
'PluginServiceGlobalRegistration'.
    
    4 import { ChartConfiguration, ChartDataSets, ChartOptions, ChartPoint, ChartType, PluginServiceGlobalRegistration, PluginServiceRegistrationOptions } from 'chart.js';
                                                                                       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    node_modules/ng2-charts/lib/base-chart.directive.d.ts:4:115 - error TS2305: Module '"../../chart.js/types/index.esm"' has no exported member 'PluginServiceRegistrationOptions'.
    
    4 import { ChartConfiguration, ChartDataSets, ChartOptions, ChartPoint, …
Run Code Online (Sandbox Code Playgroud)

charts ng2-charts angular

27
推荐指数
3
解决办法
2万
查看次数

您会为linux推荐哪种甘特图/项目管理工具?

我需要一个适用于Linux的项目管理工具,并且有甘特图.

  1. 它不一定是免费的,只是不贵.
  2. 我不关心它如何存储我提供的信息,只要我可以访问它.
  3. 我必须能够打印甘特图.
  4. 必须在Linux中工作.

有了这些要求,你能推荐什么?

TheObserver 在这里询问了这个问题的Windows特定版本.

感谢大家的帮助.

linux charts project-management gantt-chart

26
推荐指数
4
解决办法
4万
查看次数

用于大量数据的Javascript图表库

有谁知道可以处理庞大数据集的Javascript图表库?

"巨大",我的意思是绘制一个大约1,000行和25,000个数据点的折线图.(每行的点数分布不均匀.很多行的点数很少,但有些点数最多为4,000.)这是一个示例数据文件.

目前我正在使用Highcharts,但是在绘制示例文件方面它太慢了.这是我的测试网站,使用Highcharts绘制示例数据文件.警告:转到该页面会耗尽您的处理器一段时间:)

我不想使用Flash或Silverlight.

我希望使用Javascript,以便我的用户可以缩放+平移图表,并打开/关闭线等.但如果这是任何Javascript图表库处理的数据太多,那么我将不得不图服务器端.

javascript charts dataset

26
推荐指数
3
解决办法
2万
查看次数

什么方法最适合构建这个复杂的图形

经过15年的UI开发,我很少看到并思考,"我到底怎么做." 这是其中一次.

一位平面设计师将我的客户卖给了一个非常复杂的五边形图形,由五个单独的三角形组成.设计者已指定每个三角形应为与品牌匹配的特定颜色,并且每个三角形应根据每种颜色所代表的过程百分比"填充".你几乎要看到图像才能理解: 在此输入图像描述

我一直绞尽脑汁想要弄清楚如何完成这项任务.客户端已经指定它必须在所有主流浏览器中兼容,为了理智,我将告诉他将是IE7 +.这严重限制了CSS3技术,但由于缺乏其他想法,我肯定会接受CSS3方法.我不想在动作脚本上熬夜,所以Flash是我愿望清单的最底层.我实际上已经使用Sprites头脑风暴如何做到这一点,但是生产250或500个三角形以及相关CSS的想法就在那里与IE6交易Chrome.

该站点基于PHP/MySQL,我们大量使用Jquery.如有必要,我们还可以提供完整版的FusionCharts和HighCharts.如果有商业产品可以实现这一点,我当然愿意购买它来实现这一目标.

实现这项艰巨任务的最佳方法是什么?

javascript css php user-interface charts

26
推荐指数
3
解决办法
935
查看次数

如何使用nvd3在柱形图上定位旋转的x轴标签?

我正在使用nvd3的multiBarChart构建条形图,需要调整旋转的x轴标签的位置:

在此输入图像描述

var chart = nv.models.multiBarChart();
...
chart.rotateLabels(-90);
Run Code Online (Sandbox Code Playgroud)

我希望列标签不与图表重叠并在每个条形图下居中.我可以在绘制图表后选择标签并调整它们但是有更简单的方法吗?

javascript charts visualization d3.js nvd3.js

26
推荐指数
2
解决办法
2万
查看次数

在没有在线情节帐户的情况下使用plotly

是否可以使用plotly库在python中创建图表而无需在线的情节帐户?我认为代码是opensource https://github.com/plotly/plotly.py.我想知道我们是否可以在没有在线帐户的情况下使用它.

python charts plotly

26
推荐指数
2
解决办法
2万
查看次数

最快的Javascript图表库

那里有大量的Javascript图表库.以下是我最近使用或研究的一些内容:

  • highstock.js(和highcharts.js)
  • recline.js
  • rickshaw.js
  • graphael
  • infovis

http://d3js.org/上,您还可以通过数据可视化实现更多非常酷的例子.

根据我的经验,您可以使用这些库(特别是highstock)达到极限,根据您要在图表上显示的点数和您在给定页面上想要的图表数量,您的浏览器性能会受到严重阻碍.在这个例子中,我特别谈论折线图,但我认为其他类型也是如此.有没有人对具有大型数据集和给定页面上的大量图表的不同javascript图表库的性能有经验?

javascript performance charts data-visualization

25
推荐指数
2
解决办法
1万
查看次数

如何使用NodeJS创建图表?

是否可以使用NodeJS创建图表,例如带有自定义图标的条形图和馅饼?

charts graph node.js

25
推荐指数
3
解决办法
6万
查看次数

自定义highcharts工具提示以显示日期时间

我正在开发一个项目,预计会显示这个图:http://jsfiddle.net/Kc23N/

当我点击一个点(工具提示)时,我想显示一个可以理解的日期,而不是以毫秒为单位的值.

我认为需要改变这段代码:

tooltip: {
      headerFormat: '<b>{series.name}</b><br>',
      pointFormat: '{point.x} date, {point.y} Kg',                        
}
Run Code Online (Sandbox Code Playgroud)

我该怎么办?任何善意的帮助表示赞赏.

谢谢

javascript jquery charts tooltip highcharts

25
推荐指数
5
解决办法
5万
查看次数