问题：

Google图表柱状图日期格式不显示分钟和小时

郤旭东

2023-03-14

<html>
    <head>
    <script src="https://www.google.com/jsapi?ext.js"></script>
    </head>


   <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <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', 'Date');
        data.addColumn('number', 'Present');


        data.addRows([
            [new Date("2017-07-15 20:10:30"), 5]
          ]);

        var view = new google.visualization.DataView(data);
        view.setColumns([0, 1,
                       { calc: "stringify",
                         sourceColumn: 1,
                         type: "string",
                         role: "annotation" 
                        }]);

        var options = {
            width: 600,
            height: 400,
            //bar: {groupWidth: "95%"},
            legend: { position: "none" },
            vAxis: {title: 'Times occured'},
            hAxis: {
                format: "M-d, HH:mm:ss", // <------- This shows: "7-17,00:00:00" not "7-17, 20:10:30"
                //format: "HH:mm",
                //format:'M-d H:mm',

                title: 'Date',
            },
        };
        var chart = new google.visualization.ColumnChart(document.getElementById("chart_div"));
        chart.draw(view, options);
      }
    </script>

<body class="chart">
    <div id="chart_div"></div>
</body>
</html>

共有1个答案

米楷

2023-03-14

看起来像是某种虫子，

无论如何，建议对柱形图使用离散轴（字符串）

您可以使用数据格式化程序来转换x轴

google.charts.load("current", {
  callback: drawChart,
  packages:["corechart"]
});

function drawChart() {
  var formatDate = new google.visualization.DateFormat({
    pattern: 'M-d, HH:mm:ss'
  });

  var data = new google.visualization.DataTable();
  data.addColumn('date', 'Date');
  data.addColumn('number', 'Present');
  data.addRows([
    [new Date("2017-07-15 20:10:30"), 5]
  ]);
    
  var view = new google.visualization.DataView(data);
  view.setColumns([{
    calc: function (dt, row) {
      return formatDate.formatValue(dt.getValue(row, 0))
    },
    type: "string",
    label: data.getColumnLabel(0)
  }, 1, {
    calc: "stringify",
    sourceColumn: 1,
    type: "string",
    role: "annotation" 
  }]);

  var options = {
    width: 600,
    height: 400,
    legend: { position: "none" },
    vAxis: {title: 'Times occured'},
    hAxis: {
      title: 'Date'
    }
  };
  var chart = new google.visualization.ColumnChart(document.getElementById("chart_div"));
  chart.draw(view, options);
}

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

类似资料：

GWT Google Charts 柱状图

柱状图用于绘制基于柱状的图表。在本节中，我们将讨论以下类型的基于列的图表。图表类型描述基本柱状图基本柱状图分组柱状图分组柱状图堆积柱状图柱状图具有彼此堆叠的柱状图。负值柱状图带有负值的柱状图。差异柱状图显示差异的柱形图。
柱状图和条形图

柱形图包括柱状图和条形图。柱状图是用竖直的柱子来展现数据，一般用于展现横向的数据变化及对比。条形图是用横向的柱子来展现数据，一般用于纵向的数据排名及对比。一、柱状图图4-7 Highcharts 柱状图柱状图相关的配置参考 API 文档：柱状图配置：针对当前数据列有效柱状数据列配置：针对当前页面的所有柱状数据列有效二、条形图条形图其实就是 X、Y 轴对调的柱状图，在 Highc
使用mpAndroid图表xAxis的图形未显示我格式化的日期

我有一个代码可以在折线图中显示数据，我需要将xAxis更改为日期，但日志有错误下面是我的线图代码片段下面是我的插入数据的代码片段下面是我的值格式化程序的代码片段
Google可视化API：柱状图%

如何在悬停时以百分比形式显示数据？我可以让网格线显示百分比，但悬停始终显示未格式化的数据：vs。
Matplotlib柱状图

柱状图是一种用矩形柱来表示数据分类的图表，柱状图可以垂直绘制，也可以水平绘制，它的高度与其所表示的数值成正比关系。柱状图显示了不同类别之间的比较关系，图表的水平轴 X 指定被比较的类别，垂直轴 Y 则表示具体的类别值。 Matplotlib 提供了函数来绘制柱状图，它可以应用在 MATLAB 样式以及面向对象的绘图方法中。当它与 axes 对象一起使用时，其语法格式如下： ax.bar(x, h
Google Colab不显示图像

我正在使用YOLO进行目标检测。当我在Google中运行以下代码时，Colab会显示图像，但当我将代码保存在py文件中时，它不会显示图像。我也试过用但它没有起作用。在本例中，它抛出以下错误：在使用图像的情况下。show（）不会抛出任何错误，但不会显示图像和边界框！有什么想法吗？

Google图表柱状图日期格式不显示分钟和小时

共有1个答案

相关问答

相关文章

相关阅读

相关工具

相关文档