Google 图表/可视化列宽

2024-01-02

我正在使用 Google Chart API,并将折线图(见下文)转换为柱形图,但是柱形宽度会根据数据列的数量而变化。如果我将鼠标悬停在上面,它会告诉我正确的日期,但是由于列宽度的变化,您实际上无法准确地看到该列应代表的日期。一个点就可以了,所以我可以恢复为折线图,但是,对于我正在使用的数据集来说,柱形图看起来确实更好。知道如何解决这个问题吗?

日期是动态的,因此 X 轴必须是可变的。

Thanks

// Create a line chart, passing some options
                var LineChart = new google.visualization.ChartWrapper({
                    'chartType': 'ColumnChart',
                    'containerId': 'chart_div',
                    'options': {
                        'vAxis': {'title': 'Species Abundance', 'minValue': 0, 'maxValue': 32},
                        'width': 300,
                        'height': 300,
                        'legend': 'top',           
                        'title': 'Selected Site and Species abundance over time'
                    },
                    'view': {'columns': [0, 1]},
                });

您可以通过设置最大宽度bar.groupWidth整数选项(用于条形组的像素数)。设置此选项使 API 尝试以该宽度绘制所有条形组(给定轴值处的条形集),但如果图表设置需要,可能会强制将它们绘制得更小。

bar: {
    groupWidth: 20
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Google 图表/可视化列宽 的相关文章

  • Google Charts API 使用 $(document).ready 方法显示空白屏幕

    我有几个函数可以使用 Google Charts API 实例化各种图表 当我在没有 jQuery 的情况下调用它们时 document ready方法 一切正常 但用这种方法 我看到的是空白屏幕 Why function drawColu
  • Google饼图:删除饼图切片之间的白色间隙

    如同这个问题 https stackoverflow com questions 18784246 removing the white line between slices in flot pie chart 22227464 但对于
  • 在 html 页面内的 google 图表表中嵌入折线图

    I have a table taken from google charts and a line chart also taken from there and I want to embed it inside the table I
  • GeoChart:标记加载速度非常慢

    google charts load current packages geochart google charts setOnLoadCallback drawRegionsMap function drawRegionsMap var
  • 带组的 Google 柱形图

    我的数据格式 Group Count Month Year A 10 February 2015 B 8 February 2015 C 15 February 2016 我将使用过滤器来显示按组列分隔的每个月的数据 X axis会有团体
  • Google Chart 仪表板多个数据

    我创建了一个谷歌图表仪表板 每个圆环图都有不同的数据 但只有 data 2 返回 而不是第一个图表的 data 1 div 第二个图表的 data 2 div 源文件 https developers google com chart in
  • 即时刷新 Google 可视化

    我目前正在通过谷歌可视化创建谷歌图表 我希望能够通过单击按钮刷新 更新此图表 我尝试了很多不同的方法来做到这一点 但没有一个有效 所以我正在寻找任何人都可以提出的建议 我当前的平台是 ASP net 使用 C 而 google 的东西是用
  • 如何在 Google Charts 中获取带有 svg 内图像的 png(base64)?

    如何获取 svg 内图像的 base64 检查这个Fiddle http jsfiddle net R8A8P 51 这是我从另一个问题中得到的 如果您看到第二个图形 则它不会生成覆盖该条的图像 var chart new google v
  • Google Charts:折线图和柱形图之间的切换

    我有一个仪表板 其中包含一些 Google Analytics 指标 我想在每日 每月和每周图表上绘制这些指标 日线图为折线图 其他为柱形图 我能够将图表最初绘制为折线图或条形图 然后将其重新绘制为不同类型 但之后它不会再次重新绘制 这是我
  • 如何将 Google Charts 中的轴的格式设置为某种模式?

    我想更改值的格式axis看起来像这样 1 100 1 000 10 000 100 000 1 000 000 意思是 我想将默认分组符号更改为空格 到目前为止 我尝试了不同的方法 但没有一个有效 即便是文档 https developer
  • Google 图表 - “缺少请求 ID 的查询:0”

    仅当我尝试将两个图表放在同一页面上时才会出现此错误 如果这两个图表是页面上唯一的图表 则它们可以完美地工作 在我添加第二个的那一刻 仅加载第一个 并且出现 缺少请求 id 的查询 0 错误 这是我的图表 js 文件 function dra
  • html / javascript / php 中 json 响应的折线图

    我正在尝试创建一个单线图html javascript 中的 json 响应 sql 我试图创建的是一个图表 其中只有onetag name 行 在以下情况下 phone 4 此行应表示所有 json 字符串的所有值和日期时间 JSON 响
  • Google 组织结构图数据溢出到 div 之外

    我在一个项目中使用 Google Org 图表 图表的内容在包含的 div 之外流动 该 div 在下面以红色突出显示 我希望图表的节点能够移动到下一行 以防它流到 div 之外 爱丽丝将移动到下一行 数据将继续 See my 在这里摆弄
  • Google 折线图添加对象数组

    我有一个通过解析 JSON 字符串创建的对象数组 var measurementData Html Raw JsonConvert SerializeObject this Model Item1 var stringifiedData J
  • Google GeoCharts 单击时关闭工具提示

    我正在使用 Google GeoChart 并且添加了工具提示 当用户单击任何状态时 它将显示带有状态信息的工具提示 我需要在工具提示中添加一个关闭按钮 当用户单击工具提示时 工具提示将关闭 我已经在小提琴中添加了这段代码 function
  • 谷歌绘制具有相同比例的多个系列的图表

    我正在寻找一种在图形上显示多个系列的方法 这些系列具有相同的比例但仅显示一次 正如你在这里看到的 http jsfiddle net Youkoal d3xwnqdu http jsfiddle net Youkoal d3xwnqdu 我
  • Google Charts API:始终使用 arrayToDataTable 显示数据点值。如何?

    首先 我想让大家知道 虽然有一个类似的问题 Google Charts API 始终在图表中显示数据点值 https stackoverflow com questions 13449467 google charts api always
  • Google Charts(AreaChart)如何检测缩放变化

    我正在画一个面积图 在覆盖层上有一些标记 我正在使用explorer选项 仅限水平 以便用户放大和缩小 问题是我找不到一种方法来通知缩放更改 以便有机会更新制造商位置 有一个图表范围变化事件 但它不是由 AreaChart 触发的 我尝试检
  • Google Visualization 无法与 appscript html 服务配合使用

    我想将 appscript htmlservice 与 appscript 一起使用 html 服务似乎可以工作 但可视化不起作用 这是供参考的代码 代码 GS Script as app template function doGet r
  • 如何使用 vue-google-charts 创建组织结构图

    按照使用 vue google charts 插件的说明进行操作 https www npmjs com package vue google charts https www npmjs com package vue google ch

随机推荐