Google图表百分比滑块

扎达拉克西米
<script type="text/javascript">
        function drawVisualization1(dataValues, chartTitle, columnNames, categoryCaption) {
            if (dataValues.length < 1)
                return;
            var data = new google.visualization.DataTable();
            data.addColumn('string', columnNames.split(',')[0]);
            data.addColumn('string', columnNames.split(',')[1]);
            data.addColumn('string', columnNames.split(',')[2]);
            data.addColumn('string', columnNames.split(',')[3]);
            data.addColumn('string', columnNames.split(',')[4]);
            data.addColumn('string', columnNames.split(',')[5]);
            data.addColumn('number', columnNames.split(',')[6]);
            data.addColumn('number', columnNames.split(',')[7]);

            for (var i = 0; i < dataValues.length; i++) {
                data.addRow([dataValues[i].Value1, dataValues[i].Value2, dataValues[i].Value3, dataValues[i].Value4, dataValues[i].Value5, dataValues[i].Value6,( dataValues[i].Value7)/100, (dataValues[i].Value8)/100]);
            }
            var formatter = new google.visualization.NumberFormat({ pattern: '####%' });
            formatter.format(data, 6);
            var formatter = new google.visualization.NumberFormat({ pattern: '####%' });
            formatter.format(data, 7);

            var categoryPicker1 = new google.visualization.ControlWrapper({
                'controlType': 'CategoryFilter',
                'containerId': 'Container',
                'options': {
                    'filterColumnLabel': columnNames.split(',')[2],
                    'ui': {
                        'labelStacking': 'horizontal',
                        'allowTyping': false,
                        'allowMultiple': false,
                        'caption': categoryCaption,
                        'label': columnNames.split(',')[2]
                    }
                }
            });

            var slider1 = new google.visualization.ControlWrapper({
                'controlType': 'NumberRangeFilter',
                'containerId': 'Slider',
                'options': {
                    'filterColumnLabel': columnNames.split(',')[6],
                    'ui': { 'labelStacking': 'horizontal' },
                   'ui.format': { 'pattern':'####%' }
                }
            });

            var table1 = new google.visualization.ChartWrapper({
                'chartType': 'Table',
                'containerId': 'TableContainer1',

                'options': {
                    'width': '895px',
                    'page': 'enable',
                    'pageSize': 5

                }
            });



            new google.visualization.Dashboard(document.getElementById('PieChartExample')).bind([categoryPicker1, slider1], [table1]).draw(data);
        }

     </script>

生成Google图表的脚本代码我的问题是我无法显示百分比值的滑块;我正在将该表格值转换为百分比,并且希望显示在滑块值中。有人可以帮助我解决该问题。

扎达拉克西米
var slider1 = new google.visualization.ControlWrapper({
                'controlType': 'NumberRangeFilter',
                'containerId': 'Slider',
                'options': {
                    'filterColumnLabel': columnNames.split(',')[6],
                    'ui': { 'labelStacking': 'horizontal',
                            'format': { 'pattern':'####%' } }
                }
            });

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Labview百分比滑块

来自分类Dev

计算滑块的百分比

来自分类Dev

SSRS图表中的百分比

来自分类Dev

给jQuery内容滑块百分比宽度

来自分类Dev

jQuery UI滑块点更改百分比步骤

来自分类Dev

在Google图表的Y轴值中显示百分比符号[%]

来自分类Dev

如何从Google图表的工具提示中删除数字和百分比?

来自分类Dev

如何从Google图表的工具提示中删除数字和百分比?

来自分类Dev

用来显示ZoomCharts百分比细分的最佳图表

来自分类Dev

高图表堆积百分比列超链接

来自分类Dev

如何在图表上显示价值的百分比?

来自分类Dev

高图表堆积百分比列超链接

来自分类Dev

如何调整使用的图表百分比?

来自分类Dev

InfluxDB中的百分比百分比

来自分类Dev

InfluxDB中的百分比百分比

来自分类Dev

分组百分比

来自分类Dev

百分比正负

来自分类Dev

Python%百分比

来自分类Dev

百分比问题

来自分类Dev

时序百分比

来自分类Dev

计算百分比

来自分类Dev

百分比验证

来自分类Dev

更改Google饼图百分比文本颜色

来自分类Dev

Google CSE的NSURLQueryItem百分比编码错误

来自分类Dev

Google Visualization API-百分比栏

来自分类Dev

Google DataStudio中的每日变化百分比

来自分类Dev

如何使用Google Apps脚本计算百分比

来自分类Dev

基于百分比的jQuery UI滑块的高度和宽度

来自分类Dev

jQuery UI滑块和百分比不起作用