如何设置折线图拐点样式？点线组合的方式存在问题。

[ChristmasFox]

可以看到在使用line+point的组合时，若拐点角度过大折线会漏出尖尖，下图中紫色线尤为明显。

我尝试用point的大小设置为line的两倍，但美观度欠缺，点过于显眼。有什么办法可以规避这种情况发生呢？

[pearmini]

可以提供一个复现 demo 吗？

[ChristmasFox]

/**
 * 一维度 多指标 【维度大小】 （遗留问题：仅使用size通道时无法生成图例）
 */
import { Chart } from '@antv/g2';

const data = [
  {"货主省份": "上海", "订单ID": 71879, "雇员ID": 20},
  {"货主省份": "云南", "订单ID": 20612, "雇员ID": 6},
  {"货主省份": "北京", "订单ID": 236699, "雇员ID": 4},
  {"货主省份": "吉林", "订单ID": 82536, "雇员ID": 28},
  {"货主省份": "四川", "订单ID": 10331, "雇员ID": 4},
  {"货主省份": "天津", "订单ID": 51696, "雇员ID": 4},
  {"货主省份": "山东", "订单ID": 205666, "雇员ID": 7},
  {"货主省份": "山西", "订单ID": 10253, "雇员ID": 66},
  {"货主省份": "广东", "订单ID": 51510, "雇员ID": 1},
]

const chart = new Chart({
  container: 'container',
  theme: 'classic',
  autoFit: true,
});

chart
  .line()
  .data(data)
  .encode('x', '货主省份')
  .encode('y', '雇员ID')
  .style('strokeWidth', 10)
  .tooltip(false)

chart
  .point()
  .data(data)
  .encode('shape', 'point')
  .encode('x', '货主省份')
  .encode('y', '雇员ID')
  .style('strokeWidth', 10)
  .style('shape', 'point')
  .tooltip({
		title: '',
    items: [
      { channel: 'x' },
      { channel: 'y' },
      { channel: 'size' }
    ]
  })
  


chart.render();

如"吉林"所示

[hustcc]

line mark 中的 style 要加一个配置。

.style('lineCap', 'round');

@pearmini G2 需要内置默认为这个配置。

[ChristmasFox]

lineCap这个属性目前设置无效，是需要等待下个版本更新吗

[ChristmasFox]

刚仔细看发现是只将线两端变成了圆角，拐点处没有变化