- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
如上标题,有没有人知道为什么?我的代码如下,顺便说一下,我正在使用 Google Chart Playground 对其进行测试,http://code.google.com/apis/ajax/playground/?type=visualization#area_chart .请指教,谢谢!
<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Hour', 'Sales', 'Expenses'],
['0:00', 1000, 500],
['1:00', 1170, 604],
['2:00', 660, 302],
['3:00', 1030, 827],
['4:00', 1222, 86]
]);
var options = {
areaOpacity: 0.7,
backgroundColor:{
color: 'none',
fill: 'none',
},
animation:{
easing: 'inAndOut',
},
hAxis: {gridlines: {color: '#000000', count: 3}},
vAxis: {gridlines: {color: '#DCDCDC', count: 5}},
tooltipTextStyle: {color: '#444444', fontName: 'Tahoma', fontSize: 12},
focusTarget: 'category',
series: {
0:{color: '#207795', lineWidth: 4, pointSize: 10},
1:{color: '#464A54', lineWidth: 4, pointSize: 10},
},
legend: 'none',
};
var chart = new google.visualization.AreaChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
最佳答案
要获得垂直网格线,您必须设置 hAxis 网格线(已完成)并将 x 轴数据类型更改为连续数据类型。参见 Customizing Axes/Terminology和面积图:配置选项:hAxis.gridlines 描述。
代替
var data = google.visualization.arrayToDataTable([
['Hour', 'Sales', 'Expenses'],
['0:00', 1000, 500],
['1:00', 1170, 604],
['2:00', 660, 302],
['3:00', 1030, 827],
['4:00', 1222, 86]
]);
你必须提供例如:
var data = google.visualization.arrayToDataTable([
['Hour', 'Sales', 'Expenses'],
[0, 1000, 500],
[1, 1170, 604],
[2, 660, 302],
[3, 1030, 827],
[4, 1222, 86]
]);
注意小时数据不再是字符串。如果您将 hAxis
的 count
值更改为 5,您将得到每小时的垂直线:
关于javascript - 谷歌图表 : AreaChart vAxis Gridlines is Not Drawing,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11187422/
我有一个动态面积图,我希望它从面板中间显示,这意味着我希望从 X 轴中间添加数据,而不是从图表右侧添加数据。我正在使用显示的示例 here 。这个怎么做?这是我的代码: public class es
我正在根据数据源中的分组和日期字段聚合中的类别构建我的面积图系列,以显示我们系统中报告的错误数量。 在数据源配置中: group: { // default grouping field: "
我有一个带有一些复选框的 AreaChart,用于选择要在 AreaChart 上显示的系列。问题是我有这个错误: Exception in thread "JavaFX Application Th
我已经使用谷歌图表(谷歌可视化)成功实现了 AreaChart,但现在我需要在谷歌 AreaChart 中添加副标题。这是我试过的代码。 var options = {
首先,我检查了这些: How can I get a Google Visulization LineChart to display vertical gridlines? Google Chart
我有这样的图表 google.charts.load('current', { packages: ['corechart'] }); google.charts.setOnLoadCallb
我正在将网站上的几个折线图更改为面积图。我今天尝试制作一个,但结果很奇怪。 所有列和行都使用非常难看的 javascript 动态添加到 visualization.DataTable,因为我一直在测
我正在绘制一个 AreaChart,在叠加层上有一些标记。 我正在使用 explorer 选项(仅限水平),以便让用户放大和缩小。问题是我无法找到一种方法来通知缩放已更改,以便有机会相应地更新制造商位
public static JFreeChart createAreaChart(double[] v1) { XYSeriesCollection dataset = new XYS
如上标题,有没有人知道为什么?我的代码如下,顺便说一下,我正在使用 Google Chart Playground 对其进行测试,http://code.google.com/apis/ajax/pl
我在我的应用程序上从 recharts 实现了 AreaChart,如下所示: import React from 'react'; import { AreaChart, Area, X
我尝试在这段代码中动态设置我的 AreaChart 系列的样式,但它不起作用。我想在不通过 CSS 的情况下更改每个系列的背景。 XYChart.Series series1 = new XYChar
我想指定 LowerBound 变量(0>x),但 AreaChart 变得很奇怪。请告诉我这个解决方案。 抱歉..我没有声望点。如果我通过上传获得了信誉点,就这样做。 JavaFX 版本 2.2.5
当尝试构建包含可更新的 LineChart 或 AreaChart 的应用程序时,我发现了奇怪的行为 - 可能是由于应用程序逻辑中的错误? 目标是在单击“生成”按钮时将数据填充到图表中或更新图表。用户
我从 ajax 调用中获取了一个 json 字符串,我将其粘贴在 Google 可视化 AreaChart 中。我发现每当数据中只有 1 行时,GV 在 IE7 中返回“无效参数”,但它适用于所有其他
要求 - 使用实时流数据构建动画 AreaChart。也许每 1 秒绘制 300 个数据点。 详情-因此,我需要从医疗设备读取患者呼吸模式的实时流数据,并使用 JavaFX 中的 AreaChart
我是一名优秀的程序员,十分优秀!