我正在制作折线图和饼图,但我需要在 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 字体系列属性更改阿拉伯语中的数字。
- 添加阿拉伯语或波斯语字体,如 B Nazanin 或 B Koodak ( Download B Koodak Font ) 您可以通过在 google 中搜索找到并下载
- 添加 CSS 样式表`* {font-family: B Nazanin;}
关于javascript - 是否有将图表的 y 轴值更改为阿拉伯值的脚本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56685851/