Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌图表上x轴上的日期_Javascript_Charts_Google Visualization - Fatal编程技术网

Javascript 谷歌图表上x轴上的日期

Javascript 谷歌图表上x轴上的日期,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,我正在尝试制作一个谷歌图表,价格在y轴上,日期在x轴上。我不明白为什么我的代码不起作用。它没有显示任何内容 在标题中: 在正文中: 任何帮助都将不胜感激。材质图表使用名称空间google.charts 核心图表使用名称空间google.visualization 所以对于核心图表折线图-google.visualization.LineChart 对于物料折线图-google.charts.line 请参阅下面的代码段,它同时绘制了 对于包装,材料使用“corechart”或“line” 如果使

我正在尝试制作一个谷歌图表,价格在y轴上,日期在x轴上。我不明白为什么我的代码不起作用。它没有显示任何内容

在标题中:

在正文中:


任何帮助都将不胜感激。

材质图表使用名称空间google.charts

核心图表使用名称空间google.visualization

所以对于核心图表折线图-google.visualization.LineChart

对于物料折线图-google.charts.line

请参阅下面的代码段,它同时绘制了

对于包装,材料使用“corechart”或“line” 如果使用材质,请不要忘记google.charts.Line.convertOptions

但是,有几个选项在材质中不起作用 建议对主题使用corechart和选项:“材质”

google.charts.load'current'{ 回调函数{ var data=new google.visualization.DataTable; 数据。添加“日期”、“日期”列; data.add列'number','Anbefalet pris'; 数据。添加列“编号”、“Nuværende pris”; data.addRows[ [新日期2016年8月6日,378418], [新日期2016年8月13日66月324日], 【新日期2016年8月20日、254月257日】, [新日期2016年8月27日、117月105日], [新日期2016年9月3日、119月66日], [新日期2016年9月10日88月77日], [新日期2016年9月17日76月96日], 【新日期2016年9月24日、123月106日】, [新日期2016年10月1日66月148日], [新日期2016年10月8日、128日、116日] ]; var tickMarks=[]; 对于变量i=0;i材质图表使用名称空间google.charts

核心图表使用名称空间google.visualization

所以对于核心图表折线图-google.visualization.LineChart

对于物料折线图-google.charts.line

请参阅下面的代码段,它同时绘制了

对于包装,材料使用“corechart”或“line” 如果使用材质,请不要忘记google.charts.Line.convertOptions

但是,有几个选项在材质中不起作用 建议对主题使用corechart和选项:“材质”

google.charts.load'current'{ 回调函数{ var data=new google.visualization.DataTable; 数据。添加“日期”、“日期”列; data.add列'number','Anbefalet pris'; 数据。添加列“编号”、“Nuværende pris”; data.addRows[ [新日期2016年8月6日,378418], [新日期2016年8月13日66月324日], 【新日期2016年8月20日、254月257日】, [新日期2016年8月27日、117月105日], [新日期2016年9月3日、119月66日], [新日期2016年9月10日88月77日], [新日期2016年9月17日76月96日], 【新日期2016年9月24日、123月106日】, [新日期2016年10月1日66月148日], [新日期2016年10月8日、128日、116日] ]; var tickMarks=[]; 对于变量i=0;i请更正:我正在尝试制作一个y轴上有价格、y轴上有日期的谷歌图表。请更正:我正在尝试制作一个y轴上有价格、y轴上有日期的谷歌图表。非常感谢。是否有方法更改x轴上的刻度。例如从星期天到星期一?看起来默认值是显示星期一,至少在我运行上面的示例时是这样的-但是定制x轴上显示的日期的唯一方法是在数组中向hAxis.ticks提供特定日期…好的,谢谢。对我来说是星期天。我真正希望的是刻度与数据点匹配,但我认为
ess这是不可能的…从数据点添加记号很容易,与添加星期一相比,将上面的答案更改为合并,请注意,只对核心图表产生影响非常感谢。是否有方法更改x轴上的刻度。例如从星期天到星期一?看起来默认值是显示星期一,至少在我运行上面的示例时是这样的-但是定制x轴上显示的日期的唯一方法是在数组中向hAxis.ticks提供特定日期…好的,谢谢。对我来说是星期天。我真正希望的是刻度与数据点匹配,但我想这是不可能的…从数据点添加刻度很容易,与添加星期一相比,将上面的答案更改为合并,注意只对核心图表产生影响
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
  google.charts.setOnLoadCallback(drawChart);

function drawChart() {
  var data = new google.visualization.DataTable();
  data.addColumn('date', 'Dato');
  data.addColumn('number', 'Anbefalet pris');
  data.addColumn('number', 'Nuværende pris');

  data.addRows([
    [new Date (2016, 8, 6), 378, 418],
    [new Date (2016, 8, 13), 66, 324],
    [new Date (2016, 8, 20), 254, 257],
    [new Date (2016, 8, 27), 117, 105],
    [new Date (2016, 9, 3), 119, 66],
    [new Date (2016, 9, 10), 88, 77],
    [new Date (2016, 9, 17), 76, 96],
    [new Date (2016, 9, 24), 123, 106],
    [new Date (2016, 10, 1), 66, 148],
    [new Date (2016, 10, 8), 128, 116]
  ]);

  var options = {
    chart: {
      title: 'Anbefalede og nuværende ugepriser',
      subtitle: 'Blå: Anbefalede priser, Rød: Nuværende priser'
    },
    legend: { position:'none' },
    width: '100%',
    pointSize: 10,
    explorer: { actions: ['dragToZoom', 'rightClickToReset'] }
  };


  var chart = new google.charts.LineChart(document.getElementById('linechart_material'));

  chart.draw(data, options);
}
 </script>