Native Plot respects the height parameters (#10546)

* make height responsive

* add changeset

---------

Co-authored-by: Freddy Boulton <freddyboulton@hf-freddy.local>
Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>

.changeset/great-llamas-read.md

@@ -0,0 +1,6 @@
+---
+"@gradio/nativeplot": patch
+"gradio": patch
+---
+
+fix:Native Plot respects the height parameters

js/nativeplot/Index.svelte

@@ -512,6 +512,7 @@
 					: [])
 			],
 			width: chart_element.offsetWidth,
+			height: height ? "container" : undefined,
 			title: title || undefined
 		};
 		/* eslint-enable complexity */
@@ -561,6 +562,7 @@
 <style>
 	div {
 		width: 100%;
+		height: 100%;
 	}
 	:global(#vg-tooltip-element) {
 		font-family: var(--font) !important;

js/nativeplot/NativePlot.stories.svelte

@@ -79,6 +79,36 @@
 	}}
 />
 
+<Story
+	name="Line Plot with height"
+	args={{
+		value: {
+			columns: ["time", "value"],
+			data: [
+				[1, 10],
+				[2, 15],
+				[3, 13],
+				[4, 17],
+				[5, 14],
+				[6, 20]
+			],
+			datatypes: {
+				time: "quantitative",
+				value: "quantitative"
+			},
+			mark: "line"
+		},
+		x: "time",
+		y: "value",
+		title: "Sample Line Plot",
+		x_title: "Time",
+		y_title: "Value",
+		height: 250,
+		label: "Line Plot",
+		show_label: true
+	}}
+/>
+
 <Story
 	name="Empty Plot"
 	args={{