Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/402.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将google可视化:折线图转换为RTL_Javascript_Charts_Line_Visualization - Fatal编程技术网

Javascript 将google可视化:折线图转换为RTL

Javascript 将google可视化:折线图转换为RTL,javascript,charts,line,visualization,Javascript,Charts,Line,Visualization,我需要将LTR转换为RTL这是LTR的一个示例 我需要这样 我把图表倒过来了,但蓝色部分的问题是{280、210、140、70、0} 我已经用向导编辑了这个部分,但我无法提取代码。我没有找到解决方案,但我要做的是像那样反转统计数据 正如你所看到的,第一栏是“第二栏”,最后一栏是“第三栏”,这就是我临时解决问题的方法为此,您需要添加以下参数{reverseCategories:true, 反转轴:真,变量:方向:-1,图例:“右”} 完整的代码是: <!-- Charts librar

我需要将LTR转换为RTL这是LTR的一个示例

我需要这样

我把图表倒过来了,但蓝色部分的问题是{280、210、140、70、0}


我已经用向导编辑了这个部分,但我无法提取代码。

我没有找到解决方案,但我要做的是像那样反转统计数据

正如你所看到的,第一栏是“第二栏”,最后一栏是“第三栏”,这就是我临时解决问题的方法
为此,您需要添加以下参数{reverseCategories:true, 反转轴:真,变量:方向:-1,图例:“右”}

完整的代码是:

<!-- Charts library -->
<!-- Load the AJAX API -->
<script src="http://www.google.com/jsapi"></script>
<script>

    /*
     * This script is dedicated to building and refreshing the demo chart
     * Remove if not needed
     */

    // Demo chart
    var chartInit = false,
        drawVisitorsChart = function () {

            // Create our data table.
            var data = new google.visualization.DataTable();

            var lengthOfArray = '<%=tarteebLength %>';
            var arrayOfTemp = <%=tempJSON %>;

            var raw_data = new Array();

            raw_data =[[ 'ترتيبك فى الأسبوع']];
            var counter = 1;
            for (var j = 0; j < lengthOfArray; ++j) {
                raw_data[0][counter] = parseInt(arrayOfTemp[j]);
                //alert(raw_data[0][counter]);
                ++counter;
            }

            //var raw_data = [['ترتيبك فى الأسبوع', 5,4,0,0,0,0,0,0]];
            var months = ['الأسبوع الأول', 'الأسبوع الثانى', 'الأسبوع الثالث', 'الأسبوع الرابع', 'الأسبوع الخامس', 'الأسبوع السادس', 'الأسبوع           السابع', 'الأسبوع الثامن'];

            data.addColumn('string', 'Month');
            for (var i = 0; i < raw_data.length; ++i) {
                data.addColumn('number', raw_data[i][0]);
            }

            data.addRows(months.length);

            for (var j = 0; j < months.length; ++j) {
                data.setValue(j, 0, months[j]);
            }
            for (var i = 0; i < raw_data.length; ++i) {
                for (var j = 1; j < raw_data[i].length; ++j) {
                    data.setValue(j - 1, i + 1, raw_data[i][j]);
                }
            }

            // Create and draw the visualization.
            // Learn more on configuration for the LineChart: http://code.google.com/apis/chart/interactive/docs/gallery/linechart.html
            var div = $('#demo-chart'),
                divWidth = div.width();
            new google.visualization.LineChart(div.get(0)).draw(data, {
                title: 'ترتيبك على مدار المسابقة',
                width: divWidth,
                height: $.template.mediaQuery.is('mobile') ? 180 : 265,
                legend: 'right',
                yAxis: { title: '(weeks)' },
                backgroundColor: ($.template.ie7 || $.template.ie8) ? '#494C50' : 'transparent',    // IE8 and lower do not support transparency
                legendTextStyle: { color: 'white' },
                titleTextStyle: { color: 'white' },
                hAxis: {
                    textStyle: { color: 'white' },
                    //direction: -1
                },
                vAxis: {
                    gridlines: { color: '#9933ff' },
                    textStyle: { color: 'white' },
                    baselineColor: '#666666',
                    direction: -1,
                },
                chartArea: {
                    top: 35,
                    left: 30,
                    width: divWidth - 40
                },
                reverseCategories: true,
                reverseAxis: true,
                lineWidth: 5,
                legend: { position: 'bottom', textStyle: { color: 'white', fontSize: 16 } },
                colors: ['#ff9900'],
                curveType: 'function',
            });

            // Ready
            chartInit = true;
        };

    // Load the Visualization API and the piechart package.
    google.load('visualization', '1', {
        'packages': ['corechart']
    });

    // Set a callback to run when the Google Visualization API is loaded.
    google.setOnLoadCallback(drawVisitorsChart);

    // Watch for block resizing
    $('#demo-chart').widthchange(drawVisitorsChart);

    // Respond.js hook (media query polyfill)
    $(document).on('respond-ready', drawVisitorsChart);

</script>

/*
*此脚本专用于构建和刷新演示图表
*如果不需要,请移除
*/
//演示图
var chartInit=false,
drawVisitorsChart=函数(){
//创建我们的数据表。
var data=new google.visualization.DataTable();
var lengthOfArray='';
var arrayOfTemp=;
var raw_data=新数组();
原始数据=;
var计数器=1;
对于(var j=0;j