2

ZingChart でチャートの周囲に境界線を作成し、その上にタイトル バーを作成する方法。プロットエリアの境界線を試しましたが、それは完全なチャートではなく、グラフの周りにあります。黒い枠とタイトルが欲しいのですが、この画像のように赤い枠しか作れません。

ここに画像の説明を入力

ここにコードがあります

 {
"type":"bar",
"plotarea":{
  "border-color" : "#0ff",
  "border-width" : "2px"
},
"series":[
    {
        "values":[11,26,7,44,11]
    },
    {
        "values":[42,13,21,15,33]
    }
]

}

4

1 に答える 1

4

この外観を実現するに は、さまざまなオブジェクトの特定の側面に境界線属性を使用します。この場合、チャートの左右とタイトルの下に枠線を設定します。

これは、このアプローチの実際の例であり、独自のコードで使用するための重要な部分を示しています。

var myConfig = {
 	type: "bar",
 	borderRight: "6px solid #000",
 	borderLeft: "6px solid #000",
 	borderBottom: "6px solid #000",
 	title: {
 	  text: "My Title",
 	  height: 40,
 	  borderBottom: "6px solid #000" //needs to be added to title or will be hidden underneath
 	},
	series : [
		{
			values : [35,42,67,89,25,34,67,85]
		}
	]
};
 
zingchart.render({ 
	id : 'myChart', 
	data : myConfig, 
	height: 400, 
	width: 600 
});
<html>
	<head>
		<script src= 'https://cdn.zingchart.com/zingchart.min.js'></script>
		<script> zingchart.MODULESDIR = 'https://cdn.zingchart.com/modules/';
		ZC.LICENSE = ['569d52cefae586f634c54f86dc99e6a9','ee6b7db5b51705a13dc2339db3edaf6d'];</script>
	</head>
	<body>
		<div id='myChart'></div>
	</body>
</html>

私は ZingChart チームの一員です。追加の説明が必要な場合、またはこれが探していたものと異なる場合はお知らせください。

于 2015-08-07T22:26:56.267 に答える