4

zingchartで境界線のある線を引くことはできますか?

私は

"type" : "line",
"values"     : [something],
"line-color": "#somecolor",

しかし、追加"border-color" : "#something"してそれを"border-width" : 3pxしません。

ドキュメントを試しましたが、棒シリーズの種類を除いて、関連するものは見つかりませんでした。

編集:言うのを忘れましたが、私は混合タイプのグラフ (バー + ライン) を使用しています。境界線を「バー」タイプのシリーズに設定できますが、「ライン」タイプには設定できません。

4

1 に答える 1

4

ZingChart の描画エンジンは、SVG の描画方法の多くを模倣しているため、線には本質的に境界線がありません。ただし、真の SVG 流儀としてtop-state、ユーザーが形状を複製して既存の形状の真上に配置できるようにする と呼ばれるプロパティがあります。

線の周りの境界線をエミュレートするために、トップステートの線幅のサイズをプロットの線幅よりも少し細くすることができます。

さらに支援が必要な場合は、遠慮なくご連絡ください。私は ZingChart チームの一員です。

var myConfig = {
 	type: "mixed", 
	series : [
		{
		  type : 'bar',
			values : [35,42,67,89,25,34,67,85]
		},
		{
		  type : 'line',
			values : [35,42,67,89,25,34,67,85],
			lineWidth : "6px",
			topState : {
			  lineWidth : "2px",
			  lineColor : "pink"
			}
		}
	]
};

zingchart.render({ 
	id : 'myChart', 
	data : myConfig, 
	height: 400, 
	width: 600 
});
<!DOCTYPE html>
<html>
	<head>
		<script src= "https://cdn.zingchart.com/zingchart.min.js"></script>
	</head>
	<body>
		<div id='myChart'></div>
	</body>
</html>

于 2015-12-08T16:43:35.427 に答える