Question

我正在尝试使用Google Chart来显示值与日期时间，其中图表以水平方式显示。我还希望以水平方式显示与此图表对应的ChartRangeFilter。我希望图表的顶部反映最早的日期，图表的底部反映最新的日期。这要求我绘制图表：

var lineChart = new google.visualization.ChartWrapper({
            'chartType': 'LineChart',
            'containerId': 'chart_div',
            'options': {
              'width': "100%",
              'height': "100%",
              "vAxis": { "textPosition": "none", "direction": -1},
              "orientation": "vertical",
              "legend": "none"
            }
          });

这样可以正常工作，但探测器使用ChartRangeFilter：

var chartRangeFilter = new google.visualization.ControlWrapper({
            'controlType': 'ChartRangeFilter',
            'containerId': 'filter_div',
            'options': {
              filterColumnIndex : 0,
              ui: {
                chartType: 'LineChart',
                orientation: 'vertical',
                chartOptions: {
                  'width': "100%",
                  'height': "100%",
                  "vAxis": { "textPosition": "none", "direction": -1},
                  "orientation": "vertical",
                  "legend": "none"
                }
              }
            }
          });

只要我点击ChartRangeFilter，实际图表就会变为空白。我发现ChartRangeFilter中的罪魁祸首是"direction": -1，因为摆脱它会阻止图表变为空白。但是，这会反转所需的Y轴，从而在用户界面中留下不希望的断开连接。

我有什么问题，或者使用不正确会导致此错误，还是错误？无论如何，我是否可以解决这个问题并显示我想要的结果？

编辑：JSFiddle http://jsfiddle.net/thelostdays/ZkAH4/1/

仪表板/控制选项的问题

0 个答案: