草庐IT

iso-chart

全部标签

javascript - .Net webApi ISO 日期时间和 IE8

.NetWebAPI在序列化DateTime时默认使用ISODateTime格式。当IE8尝试在新的Date()构造函数中使用此ISODateTime格式时,它会中断返回NaN。vard=newDate('2012-09-06T15:28:56.215Z');alert(d);Firefox处理得很好。还没有尝试过Chrome。IE8中断,返回NaN。我假设ISO日期是一种适合在我的WebAPI中使用的格式。我还希望我的Javascript客户端处理转换为本地时间并重新格式化DateTime以便它易于阅读——这就是为什么我使用Date类型而不只是将ISO日期保留为字符串。考虑到所有这些

javascript - 在 cluetip 中使用 google charts api 并通过 ajax 显示内容

我有一个jsp页面,它使用googlechartsapi以条形图的形式显示数据。Here是它的代码。我想在工具提示中显示此页面(cluetip)。当我直接在浏览器中打开该页面时,我的GoogleChart代码运行良好。但是当我尝试通过ajax在工具提示中显示它时,工具提示中没有绘制图表。工具提示是空白的。我怀疑是因为在条形图jsp页面中导入了外部javascript。这是否违反了同源政策?我说得对吗?有什么办法让它发挥作用吗?编辑#1GoogleChrome开发人员控制台仅显示发送到网页(使用GoogleChart)的请求,但没有向该页面中导入的外部javascript发送请求(上面显

javascript - 具有 100% 不透明度颜色的 angular-chart.js 条形图

2017年6月2日更新:我们解决了问题,但不是根据此处的答案。如果我找到了,我会尝试添加我们现有的解决方案。我们还切换到使用d3的angular-nvd3。编辑1:在选项中添加了backgroundColor,仍然不起作用。不确定我是否将其放在正确的位置。使用示例here.如何让颜色填充100%?JS:$scope.labels=['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'];$scope.type='StackedBar';$scope.series=['2015','2016'];//

javascript - D3 : How to handle zooming and tooltips in a single chart?

我有一个可视化效果,它本质上是一系列堆叠条形图,每个条形图都包含几个面板。例如,here是三个这样的条形图,每个都有四个面板。我已经设法实现了跨图表协调的平移/缩放功能。This例如,如果我从最后一张图像放大到第三个面板,它会是什么样子。从放置在每个图表上的不可见矩形调用缩放行为。我的问题是我想根据用户光标在绘图中的位置启用工具提示功能。然而,由于缩放矩形位于图表的顶部,因此实际图表本身中的任何SVG元素都没有注册任何鼠标事件。有人知道解决这个问题的方法吗? 最佳答案 我正在关注MikeBostock'sexample,就像你在我的

charts - 可以通过拖动点来编辑图形的图表库?

我正在寻找最好的javascript(但flash也可以)图表库,它能够将时间序列呈现为折线图,然后允许拖动图表中的点以更改基础数据。有人说Excel可以做完全相同的事情,但我需要它在Web上。没有像Highcharts、amCharts、GoogleCharts或dygraphs这样的知名图表库显然可以做到这一点——我发现了一些可拖动的图表解决方案,比如WireIt或http://radokirov.com/js-graph-editor/但这些节点和边类型的图形并不真正可用于图表绘制。你知道这个问题的现成解决方案吗?我不在乎它是开源的还是商业的。 最佳答

javascript - 在 Chart.js 中格式化条形图 Y 轴标签

我在这里查看了文档和类似问题,但我似乎没有找到解决我的问题的有效方法。我使用的是Chart.jsv.2.1.6,我有一个条形图,其中百分比值存储为数字(已乘以100)。我需要y轴标签和工具提示来在值后显示%符号。有人可以阐明这件事吗?这是我的代码:vardata={"labels":["Label1","Label2","Label3","Label4","Label5"],"datasets":[{"label":"Variation","data":["56","-82.3","25.7","32.2","49.99"],"borderWidth":1,"backgroundCol

javascript - 将 ISO8601 日期转换为纪元格式(unix 时间戳)

如何使用javascript将ISO8601日期(例如20140107)转换为Unix时间戳(例如1389120125)? 最佳答案 如果您使用的是支持ECMAscript5的浏览器,Date.parse()接受ISO-8601日期字符串并返回一个以毫秒为单位的纪元值,因此只需将其除以1000即可。然而与您所说的相反,您的输入字符串不符合ISO-8601subsetdefinedinECMAscript因为它缺少各个字段之间的破折号。据我所知,破折号对于EMCAscript是强制性的(即使ISO8601本身允许无破折号或基本格式)。

javascript - 将 ISO-8859-1 转换为 UTF-8

这个问题在这里已经有了答案:JqueryignoresencodingISO-8859-1(2个答案)HowdoIconvertspecialUTF-8charstotheiriso-8859-1equivalentusingjavascript?(6个答案)关闭8年前。我正在通过jQuery的ajax发送HTTP请求。但是我无法访问的服务器返回ISO-8859-1,而我的页面是UTF-8。如何将字符转换为可读的?因为没有转换会出现类似:it�rio@编辑:我尝试使用以下方法更改ajax请求的字符集:$.ajax({contentType:...});我尝试将html的元数据更改为IS

javascript - Chart.js 点之间的差距

我不知道如何(或者是否可能)在chart.js中的折线图中创建间隙。例子:我每年都有一些数据:2010|20.32011|-12012|21.42013|26.5-1表示没有数据的年份。在这种情况下,应该只有一条线连接2012年和2013年。这是怎么做到的?我设法隐藏了点,但如果不删除连接其他点的整条线,我就无法隐藏连接2011的线。 最佳答案 这现在可以通过在数据集数组中将spanGaps属性设置为true来实现。http://www.chartjs.org/docs/latest/charts/line.html

javascript - 在 Chart.js 中制作直方图

我们使用Chart.js我们代码库中的库,我需要创建一个直方图,这不是他们的默认图表类型之一。因此,我试图覆盖条形图上的x轴刻度线,使它们出现在每个条形图的左右Angular,而不是直接在下方。在下面的示例中,我通过在labels中添加一个额外的项目来获得我想要的x轴。数组并在options中显示第二个x轴.但是,由于现在有一个额外的标签,条形图占据了宽度的4/5,为不存在的数据点留出了空间。有什么方法可以指定忽略丢失的数据点吗?还是抵消酒吧?还是我找错了树?documentation有点难以解析,所以我不确定是否遗漏了一些简单的东西。varctx=document.getElemen