google-visualization - 如何使用工具提示列值对 geochart 中的数据进行分组？

Question

我正在使用 geoChart 在国家地图中显示以下数据

我使用 State cloumn 和 TotalSales($) 作为值列绘制了地图

现在，工具提示显示如下： ID TotalSales($_113607.00)

我在数据表中有以下汇总数据

这是我的实际数据

现在我添加了更多列（城市、品牌名称）来从第一个表的汇总数据中分解数据

工具提示显示如下： VA Totalsales($_:34943(City Fairfax(BrandName sony)))- 这是错误的

但我想像这样显示工具提示： VA Totalsales($_:7768(City Fairfax(BrandName sony))) - 这是正确的

这是我要显示工具提示的数据

从这些，我得到的是，Geochart 只显示最后一行显示工具提示，但我想显示特定品牌的 Totalsales 即 sony -7768$

我该怎么做呢？

Answer 1

您可以使用CategoryFilter Control对地理图表中的数据进行分组。您可以通过这种方式对数据进行分组。

        var categoryPicker = new google.visualization.ControlWrapper({
        controlType: 'CategoryFilter',
        containerId: 'BrandName',
        options: {
            filterColumnIndex: 3, // filter by brand name
            ui: {
                caption: 'Choose a brand',
                sortValues: true,
                allowNone: true,
                allowMultiple: false,
                allowTyping: true
            }
        },  
        state: 
        {
        selectedValues: ['Samsung']
    }
    });

这是工作示例jqfaq.com。希望这会帮助你。