javascript - 是否有将图表的 y 轴值更改为阿拉伯值的脚本?

标签 javascript jquery html

我正在制作折线图和饼图,但我需要在 y 轴上使用阿拉伯语。

        $('button').on('click', function(e) {
            $('#pie-chart3').empty();
            var type = $(this).data('type')

            //data for month 
            , month = [
                    {label: 'English', value: 30},
                    {label: "Italian", value: 40},
                    {label: "French", value: 30}
                ]


            //data for week 
            , week = [
                    {label: 'English', value: 60},
                    {label: "Italian", value: 40}
                ]

            //data for date 
            , day = [
                    {label: 'English', value: 90},
                ]

            , data = {
                month: month,
                week: week,
                day: day
                }

                Morris.Donut({
                element: 'pie-chart3',
                resize: true,
                data: data[type],

                //color of pie chart 
                labelColor: "#9CC4E4",
                colors: ['#1bb99a', '#3db9dc', '#ebeff2']
            })
            ;

        });

</script>

我将 label:English 的值更改为 label:انain,并期望输出会发生变化,但整个图表就消失了。

最佳答案

您可以使用 css 字体系列属性更改阿拉伯语中的数字。

  1. 添加阿拉伯语或波斯语字体,如 B Nazanin 或 B Koodak ( Download B Koodak Font ) 您可以通过在 google 中搜索找到并下载
  2. 添加 CSS 样式表`* {font-family: B Nazanin;}

关于javascript - 是否有将图表的 y 轴值更改为阿拉伯值的脚本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56685851/

相关文章:

javascript - 并行运行异步任务

javascript - 使用 setState 将新元素添加到数组

javascript - 更改列表和循环中的元素类

javascript - .on ('click' )在 for 循环中到多个元素?

javascript - jQuery scrollTop 不滚动到最后一个 child

html - 如何在多个不同高度的 br 标签上设置高度?

javascript - Chrome扩展消息传递: verify the sender

javascript - Jquery 脚本不适用于新元素

javascript - 检查div是否滚动到底部,如果没有则不理会

html - jquery移动垂直对齐后退按钮