highcharts日常用法的總結之line線樣式總結

最新推荐文章于 2022-10-18 21:01:34 发布

那是遇知吧

最新推荐文章于 2022-10-18 21:01:34 发布

阅读量423

点赞数

分类专栏： highcharts

本文链接：https://blog.csdn.net/weixin_41406727/article/details/99823385

版权

本文主要介绍了Highcharts中如何修改线条样式，包括使用dashStyle设置提示线的各种样式，以及如何去除线条中的圆点样式，特别地，展示了如何针对单个线条实现此功能。

摘要由CSDN通过智能技术生成

一：線條樣式修改

1：dashStyles 提供了提示线的各种样式,如下所示

var dashStyles = [
        'Solid',
        'ShortDash',
        'ShortDot',
        'ShortDashDot',
        'ShortDashDotDot',
        'Dot',
        'Dash',
        'LongDash',
        'DashDot',
        'LongDashDot',
        'LongDashDotDot'
    ];

栗子：

series: [{
		name: '安装，实施人员',
		dashStyle: 'Solid',
		data: [100, 100, 100, 100, 100, 100, 100, 100]
	}, {
		name: '工人',
		dashStyle: 'ShortDash',
		data: [200, 200, 200, 200, 200, 200, 200, 200]
	}, {
		name: '销售',
		dashStyle: 'ShortDot',
		data: [300, 300, 300, 300, 300, 300, 300, 300]
	}, {
		name: '项目开发',
		dashStyle: 'ShortDashDot',
		data: [400, 400, 400, 400, 400, 400, 400, 400]
	}, {
		name: '其他',
		dashStyle: '