Highcharts循环显示数据标签

最新推荐文章于 2021-12-21 15:39:00 发布

zmlucky

最新推荐文章于 2021-12-21 15:39:00 发布

阅读量727

点赞数

分类专栏： js html 文章标签： Highcharts

本文链接：https://blog.csdn.net/weixin_44506318/article/details/102886345

版权

js 同时被 2 个专栏收录

26 篇文章 0 订阅

订阅专栏

html

16 篇文章 0 订阅

订阅专栏

<script>
			var aa = {
				abot: $score_percent_dan_str
			};
			console.log(aa);
			var j = -1;
			var chart = Highcharts.chart('container', {
				title: {
					text: "{abot:$papertitle}"
				},
				subtitle: {
					text: '数据来源：By 上海延誉'
				},
				xAxis: {
					categories: {
						abot: $small_cata_name_str
					}
				},
				yAxis: {
					title: {
						text: '项目分数'
					}

				},
				legend: {
					layout: 'vertical',
					align: 'right',
					verticalAlign: 'middle'
				},
				plotOptions: {
					series: {
						label: {
							connectorAllowed: false
						},
						pointStart: 0
					}
				},
				series: [{
						name: '优良表现',
						data: {
							abot: $score_90_str
						}
					}, {
						name: '基本表现',
						data: {
							abot: $score_60_str
						}
					},

					{
						name: '学员表现',
						data: {
							abot: $student_score_str
						},
						dataLabels: {
							enabled: true,
							formatter: function() {
								++j;
								return aa[j] + '%';

							}

						}
					}
				],
				responsive: {
					rules: [{
						condition: {
							maxWidth: 500
						},
						chartOptions: {
							legend: {
								layout: 'horizontal',
								align: 'center',
								verticalAlign: 'bottom'
							}
						}
					}]
				}
			});
		</script>