Highcharts yaxis labels position title These pages outline the chart configuration options, and the methods and properties of Highcharts objects. y properties, but it is very hard to get the right position for every label. y property. Oct 2, 2024 · I am working on a project with Japanese localization and I am having trouble with y-axis labels. My first instinct was to set a max value and change the position of the data-label base on that. Aug 2, 2023 · As it is a bar chart, the yAxis is actually xAxis (because the chart is inverted), so to manipulate the y position of the xAxis labels, you can use xAxis. Apr 22, 2013 · Using the highchart's labels, I'm able to write text at a given position in pixels, but I need to give a value from an axis as position. But as you can see the labels are overlapping on the chart which isn't that good. x setting. On chart. 0, multiple data labels can be applied to each single point by defining them as an array of configs. I'm using the yAxis. i am able to change title position but its squeezed. There are two sets of options yAxis. May 11, 2016 · I use Highchart to draw my charts. pointPlacement. For polar and radial axis consider the use of the distance option. This usually only happens on a category axis, and is often a sign that you have chosen the wrong axis type. Jun 29, 2011 · I'm looking to customize the placement of the y-axis labels. May 31, 2022 · Hi Team, I've a scenario where I need to give CSS fixed position to the x-axis labels so that it can be shown all the times. format will be used if set2. translate command to update DataLabels position is working fine, but if I use a yAxis. Each label’s config consists of the point callback function that will return its position. Chart#addAxis. position3d. But tick marks which are generated are placed in the middle of the row instead of top of the row on Y-axis, please have a look at the below image Y-axis Dec 31, 2021 · property, all the datalabels will be on the right side. e. However, I'm struggling to line the y-axis labels up. events. Jun 12, 2020 · yAxis. The whole setup looks like a hack, but it works an I can't complain Theres something wrong with second yAxis labels position It doesnt ignore position set in options, but it interpretes it in wrong way or something like that. The column chart I have also has negative values so essentially the x axis line will be displayed in the middle of the chart. If i wanna color the labels with the same color of the corresponding plotbands, the label doesn't show up. Position Highcharts label to Oct 4, 2011 · I have a custom renderer text above the y-axis and most of the time Highstocks does not display a tick label at that position but sometimes it does. I also added a property "customValue" to the point so that you don't need to format it in the Theres something wrong with second yAxis labels position It doesnt ignore position set in options, but it interpretes it in wrong way or something like that. Chart has all the features of a Highcharts. Angular gauges and solid gauges defaults to "center". Return type: bool or None This Link is a similar example from highcharts. net/fv374ssL/14/ Apr 17, 2020 · I try to change the y position of a label and came across the formatted functionality by which I can select the label that I want to change (here 900). The whole plotting/chart area provided by highcharts is divided into user configurable area count and height for distinct parameters. I used one of the nodes. Sep 19, 2012 · Data labels (in this case cash) appear in the right place, just inside the bar on the right, most of the time. How can I set the alignment of the data labels so that they start a set distance from the central line, regardless of the side of the line they fall on? Sep 12, 2014 · I am trying to align the data labels of the following fiddle in the middle of each bar (without success). here is updated fiddle Jun 28, 2018 · How to position axis label in highcharts. Do you mean the highest y axis label value, or the latest data point's y value? You can get the former use the getExtremes method. To prevent this, set it to 1. Look at the screen As you can see, upper axis labels are positioned just fine, but bottom axis labels are screwed up. But the position is correct! Nov 9, 2021 · I have a chart in highcharts with custom shifted x-axis labels (to fit between ticks instead of on ticks) with the last label removed (See this topic for original chart's development: HIGHCHARTS: E Mar 28, 2013 · position ticks in par with data - highcharts. height and chart. label: { x: -50, y: 10 } This will be the best solution if your plot line will never overlap with yAxis grid lines. I looked through the docs but couldn't make this thing look well. Let's say I have 20 labels. The X axis or axes are referenced by Highcharts. tickPositions HighCharts. The exact position also depends on the labels. How do I achieve this? Hello everybody, I am glad to have found such a great forum and hope that someone can help me with my problem. Long story short - I am stuck with extra spacing on the left. formatter I'm using Highcharts to generate a line chart that shows currency values. Provide details and share your research! But avoid …. By default the y-axis labels use metric prefixes for abbreviation, e. See the Axis object for programmatic access to the axis. color Theres something wrong with second yAxis labels position It doesnt ignore position set in options, but it interpretes it in wrong way or something like that. The first problem is that JP can either be read left-to-right or top-to-bottom, but the default text rotation for y-axis labels This looks fine in english: But in japanese this is very awkward. From this number you can determine the number of ticks. Defines how the labels are be repositioned according to the 3D chart orientation. You can set them to 'on': http://api. dataLabels. how can I achieve that? Please se Mar 3, 2023 · label - position. If yAxis is linear/logarithmic type, then simple value will be used More string Top [get, set] The top position of the Y axis. I have two questions. Is it possible to move the y-position of the x-axis in highcharts? So far, I have only been able to move it to the top or bottom of my chart using opposite: true/false but now I need it to be in Jun 5, 2023 · As stated in the API, there are 2 properties to control the yAxis title position: yAxis. Dec 7, 2016 · You can change y position offset of the label relative to the tick position on the axis using xAxis. These pages outline the chart configuration options, and the methods and properties of Highcharts objects. i want to display the data labels (scaling from 1 to 5) nearer to the x and y axis plotlines. Defaults to 0. y. highcharts-data-label class names (see example). If None, defaults to True on cartesian charts and False on polar charts. title. So I need to determine the height available in that "header" space, and to do that I need the y value of the top of the top x axis tick labels. labels. silva! We appreciate you reaching out to us! You've changed the way how the redraw event works on the chart. rotation Oct 29, 2014 · instead of data labels I advice you to position the label of the plotLine. In case of multiple axes, the yAxis node is an array of configuration objects. With multiple axes the offset is dynamically adjusted to avoid collision, this can be overridden by setting offset explicitly. Highcharts Stock. Can't figure out how to do it--tried in the js: labels: { formatter: function () { return this. g. Is there any way to specify the position of the x axis labels? These pages outline the chart configuration options, and the methods and properties of Highcharts objects. Sep 21, 2010 · From what I can see in your code, you are missing the reference to an axis on which you want to manipulate the labels. Jul 26, 2022 · Is there a way to adjust the position of the upper Y-axis lables as shown below. 'chart': Preserve 3D position relative to the chart Feb 8, 2017 · Notice that since the y-axis ranges are different for the two charts, the y-axis labels are different widths and thus the charts themselves are slightly different widths breaking the nice x-axis alignment. display $3k instead of 3k. js Custom Y-Axis Ticker. the 54% in the attached), instead of under the chart. yAxis. Dynamic version: highcharts example with correct x axis label position. I try to change the y position of a label and came across the formatted functionality by which I can select the label that I want to change (here 900). The color will be the same color of the series. Modified 10 years, HighCharts x-axis & y-axis label center align. This should happen dynamically. com/highcharts#se tPlacement example: https://jsfiddle. By default the Y axis has a title vertically, but I would like to have it horizontally on top. Headless (wrong) version: highcharts example with incorrect x axis label position. highcharts. Jun 24, 2021 · Hello alisson. Defaults to None, which leads Highcharts to determine the label alignment based on which side of the chart the axis is placed on and the rotation of the label. I may have up to 3-4 labels on the left and 3-4 on the right side. The Bar points will always be on either 0,1,2,3 or 4. The label appears correctly in latest version of Google Chrome, however the label does not appear in the l Nov 7, 2013 · I think crosshairs with labels on the Y axis make sense for regular bar/line charts, not just for stock charts, so I would suggest porting this feature to Highcharts. load to loop over all labels in xAxis and update their position according to value in first series for respective category Share Improve this answer Jan 30, 2017 · I am trying to do this chart: But I can't manage to get the same values and ranges in the Y axis. In y axis I tried to combine the settings of yAxis offset, yAxis labels padding and yAxis title margin, but no success. Apr 10, 2013 · I use a style of y-axis labels in which each number is placed, left-aligned, on top of its respective horizontal grid line, like in the image below. 32. 'chart': Preserve 3D position relative to the chart Apr 13, 2018 · How-to place the plotline label on the yAxis outside the chart area? or increase the outer width of chart area to display the plotline label JSFIDDLE > yAxis: { > plotLines: [{ > Jun 18, 2021 · Hello alisson. 2. If left, the left side of the string is at the axis position. Called internally when instantiating a new chart or adding axes by Highcharts. label. 0: Labels are animated in categorized x-axis with updating data if tickInterval and step is set to 1. js Highcharts. For example, in this jsFiddle I would like to set the label position on 'june', like the plot line. I've experimented with the tick placement and min values but these dont seem to work in the case of this peculiar set of data. Feb 13, 2024 · Is there a way to include labels( like position remains as it is) but we give some space between them on resize. Can't figure out how to do it--tried in the js: yAxis. To change the font size of the number 8(It should display 8% in a larger A positive offset moves the axis with it's line, labels and ticks away from the plot area. opposite seems to have solved one of the problems, the labels and title are now on the right side of the chart. The part I am unable to achieve is for the needle to touch the pink outer arc. You can get the latter by looking at the series[0]. Jun 17, 2022 · When tick labels are in their own chart, Highcharts effectively position ticks not to overlap. May 23, 2014 · Theres something wrong with second yAxis labels position It doesnt ignore position set in options, but it interpretes it in wrong way or something like that. The first thing I notice is the rotation of xAxis labels, because of a different interval between ticks one series has a 45 rotation degree and another has 0 - to fix that you could disable autorotation, and hardcode rotation value to be exact same in those two Mar 20, 2014 · Align X-Axis label on a straight line in Highcharts Column Chart 0 Highchart bar chart: X-Axis label is cut off even when there is space between chart and label The part of the string the given position is anchored to. I would like to ask how to move the y-axis to the right side of the chart and make the "bars" point to the left instead of the default Create a new axis object. May 2, 2013 · Is there any way to draw Yaxis lable using highcharts/highstock api? The value of the label will be the end value of the series. The only complication with this in HighCharts is that the axis labels will sometimes overlap with the first column in a column chart. Mar 25, 2013 · Highcharts - position column chart from the top. I found there is a renderer api, but is seems it is difficult to know the exact position of the point. Highcharts - label placement for categorized y-axis. series. Grid lines. In styled mode, the labels are styled with the . item. Highcharts. Jun 29, 2016 · I'm trying to move the x-axis labels so that they appear along the line x=0. as written in my other comment, we need a solution where we can have different scales for the y axis, because the crossing point will be around 0. the 2nd one has some padding it seems. I'm trying to place the labels for plot bands on y axis. Improve this question. Ford Fusion in the attached) in a column graph appear at the top of the column, like the data label (eg. The scales are constantly changing, so I don't want to set the location using pixels, as y=0 may not be in the same loca Jul 10, 2015 · The following chart is missing the data label on the stacked column furthest to the right. Is there a property to make it so the datalabels are on the left side, and the x-axis labels run on the right side? Hello everybody, I am glad to have found such a great forum and hope that someone can help me with my problem. – Oct 21, 2022 · Hi I want to add functionality in my chart where user can hover on a y axis label and It shows its full name as tooltip on hover. Feb 4, 2018 · I have been been able to position the labels correctly but I am calculating the position based on the tick positions. x and yAxis. Jun 21, 2020 · I have a vertical ("inverted") date-based timeline that I have adapted from the Highcharts example. I am trying to build a guage using Highcharts. So I get the number of labels that are guaranteed to fit on the axis. I'd like to keep the y-axis labels viewable, either with fixed positioning, or labeling the grid lines every so often. 0. CSS styles for the label. The x position offset of all labels relative to the tick positions on the axis. If I understand you correctly, you can move your yAxis label position by removing: startAngle and instead of that use series. To remove the gridLines I have set the gridLine property on the yAxis to 0. xAxis. However, when tick labels come from separate charts side by side, tick labels do not follow the same rules and end up overlapping. Chart in the highcharts. Ask Question Asked 10 years, 10 months ago. The angle determines the position of the axis line and the labels, though the coordinate system is unaffected. data array Feb 9, 2015 · I have a wide chart and the user may have to scroll left/right to view it. Thu Mar 02, 2023 9:36 am. you can control it using the x,y position attributes and aligning it to the left. I do not want to use word wrap for y axis label but want to use tooltip. I know i can go ahead and adjust for that by using yAxis. property show_last_label: bool | None If True, renders the last tick label by the axis. So, I don't need to worry about getting the absolute positions right . The axis labels show the number or category for each tick. It should show the crosshair y-value (the value where the crosshair crosses the y-axis). Chart with the configuration I require, and this places the yAxis labels in the correct position. style. If yAxis is a datetime, then value will use the same format as yAxis labels4. Percentages would probably be the most flexible. I take the width of the axis and divide it by the maximum width of the label. The chart's position in the HTML page is defined by the position of the container div. Whether to display the axis on the opposite side of the normal. The Y axis or value axis. tickPosition Aug 1, 2022 · you will notice that the right y-axis labels are not aligned with each other. As a result, I have just used a highstock. Defaults to -15 for left axis, 15 for right axis. Defaults to True. step. When you set align to 'middle' and textAlign to 'right', the title will be positioned on the left of the yAxis labels, even if the text is very long. In a normal, single series cartesian chart, there is one X axis and one Y axis. You also need to change the position of dataLabel when you translate the chart. Solid gauges with two labels have additional option "auto" for automatic horizontal and vertical alignment. Is there a way to suppress that labels are drawn so high? (Or a way I can get the position of all labels myself and remove the conflicting one manually?) Thanks, Thomas Feb 15, 2013 · I'm using Highcharts and would like to display a simple column graph, but instead of using numeric values for the y-axis, I would like to use text values. yAxis. Aug 14, 2020 · Thanks for contributing an answer to Stack Overflow! Please be sure to answer the question. . HighCharts x-axis label padding. Basically when the user scrolls the table the highcharts y-axis labels scroll up and then "pin" to the top of the view, with teh data grid rows scrolling beneath it. I have a column based chart and I need to have only the x and y axis lines show and I need the xAxis line to extend from the 0 y axis value. If yAxis is a category, then category name will be displayed3. Return type: bool or None. I request help in 1-How to change the format of the dataLabels to percentage ? 2-How to set X-a Dec 20, 2024 · These pages outline the chart configuration options, and the methods and properties of Highcharts objects. By default, when 0, the step is calculated automatically to avoid overlap. The plot area is the square area within the axes, where the series are drawn. like As per image there should be some space between Rainfall and 250(which is last item on YAxis) Fiddle. The value it's showing is the data point y-value. Feel free to search this API through the search bar or the navigation tree in the sidebar. Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand Oct 27, 2016 · When I use dataLabel. Mar 30, 2024 · How to position labels for plotbands on y axis in Highcharts. Height and width is set either by setting a height and width of the container div, or by setting the chart. x. if i used y:20 in labels property, both labels moving up, i need one is - (negative) and another one is + (positive) Mar 2, 2023 · label - position. js file. Jan 9, 2020 · You are right, but I can form an array with ticks regarding the width of the label. Mar 8, 2022 · image link Hello, i have a question about HighCharts. I've had a look at the properties available in the chart object in the function concerned. update command, Highcharts is not Moving anymore any DataLabels. Can be one of "left", "center" or "right". I tried to give label formatting, but with that am running into issue where the x-axis labels become empty and nothing is displayed. Oct 9, 2012 · I am trying to build a horizontal bar chart that has a variable number of items on the X-Axis, and a fixed number between 0 and 4 on the Y-Axis. Customer do not want to labels in two lines or with an angle, I am wondering if it is possible to get the exacting drawing position of all the x axis labels? Then I can loop through the labels and then find the size of each label and remove overlap ones. Oct 7, 2013 · Change highcharts data label position. Jul 1, 2015 · Hi Thanks for your reply, to show start and end label i have done already, but i need move the label start little bit up from the current position and end label little bit down from the current position. 3k is displayed instead of 3000. In case of an inverted column chart or a bar chart the label is placed to the right of positive bars and to the left of negative bars. The normal is on the left side for vertical axes and bottom for horizontal, so the opposite sides will be right and top respectively. dataLabels I was able to position them according to what is set in the data. For example, if you want to change something in yAxis labels, you have to do it like here: yAxis. Grid lines are collections of horizontal (and/or vertical) lines that divide a chart into a grid, making it easier to read values of the chart. How can I now select the property y position of only this label value to move it? Feb 9, 2015 · I'd like to keep the y-axis labels viewable, either with fixed positioning, or labeling the grid lines every so often. The label will be placed on top of positive columns and below negative columns. Since v8. The y position offset of all labels relative to the tick positions on the axis. Dec 16, 2023 · Thanks for contacting us with your question! You can set the xAxis. Jan 27, 2020 · On top of these I am plotting the the date range on x axis i. highcharts-axis-labels class. width Highcharts options. I have 6 categories, 10 data points for 5 categories, and 30 data points for the 6 and final category. value + '%'; }, attr: { position: 'fixed', left: '10px' }, css: { position: 'fixed', left: '10px' Oct 26, 2016 · I am using highcharts to create a simple line chart. Accepts: Jul 13, 2018 · I'm working on a histogram like column chart with React-JSX-Highcharts. align to 'left' for all the labels (the first one will be left aligned) and in chart. if i used y:20 in labels property, both labels moving up, i need one is - (negative) and another one is + (positive) These pages outline the chart configuration options, and the methods and properties of Highcharts objects. This is how I define my Y Axis: Nov 14, 2017 · Change highcharts data label position. The stack labels show the total value for each bar in a stacked column or bar chart. – Dan Dascalescu Commented Aug 19, 2018 at 7:07 Jun 22, 2013 · HighCharts: display the y-axis labels in percentage instead of the absolute count for basic column charts 0 Dynamically display percent on y-axis using highchart Dec 2, 2020 · I have the following chart and I would like to increase the distance between y axis labels and the chart (light blue lines) - check the image, more distance between 10k and the blue lines. To enable or disable gridlines for either the x or y-axis, set the gridLineWidth of the respective These pages outline the chart configuration options, and the methods and properties of Highcharts objects. js - Background Theres something wrong with second yAxis labels position It doesnt ignore position set in options, but it interpretes it in wrong way or something like that. StockChart - not just the features of a Highcharts. Take a look at the example posted below Jan 13, 2023 · Actually, one minor correction -- the position of the label is correct, but the value in the crosshair label is not. label Theres something wrong with second yAxis labels position It doesnt ignore position set in options, but it interpretes it in wrong way or something like that. If you pick Update data, Data Labels do NOT move, otherwise they move correctly. All you have to do is to find the position of that label. property show_first_label: bool | None If True, renders the first tick label by the axis. For example, instead of [0,5,10,15,20] I w Dec 5, 2018 · The two charts use identical options, but the x axis labels in the headless version appear on top of the chart. Normally this is the vertical axis, though if the chart is inverted this is the horizontal axis. Hot Network Questions May 14, 2023 · There is no much to do with overlapping yAxis labels, but what I think you want to do is to position the labels on the left and right of the column so I did that using column. The above example takes the value of the y-axis label and adds a % symbol at the end of it. load I find the difference between the y position of first label and first point and I set the difference + the height of the point + 1 as the y offset for the labels Apr 17, 2020 · Hello everybody, I am glad to have found such a great forum and hope that someone can help me with my problem. Oct 16, 2017 · I have created heat-mp using High-charts. I would like to prepend a currency symbol to these labels, e. This is the backwards compatible behavior, and causes skewing of X and Z axes. Sep 8, 2020 · Inside the render chart event, you can use the rendere method to add custom labels. Update DataLabels position on Highcharts. I need the values to be exactly 100 000, 200 000, 300 000, etc. plotBands. Format Highcharts y-axis labels. y Jun 3, 2016 · I am experimenting with R highcharter package to create a bar chart function. Setting the step to 2 shows every other label. Start date and End date but if the value of Y axis label is smaller then the x axis label gets cut but its working properly when the value is longer. Asking for help, clarification, or responding to other answers. load, update the last label's align to 'right', no need to update the x position. A chart can have from 0 axes (pie chart) to multiples. series. Highchart. Both axes have exactly same settings. Ask Question What should be the y position of the labels? ('s1') const { yAxis, xAxis } = series const y = yAxis yAxis. Dec 19, 2013 · This is not supported, you can use chart. align and yAxis. I want the Y-Axis label to be drawn centered between the ticks instead of on the ticks. Highcharts: Show data label at top of column graph. Please check the structure of the previous demos. So add a small margin on both the start and the May 31, 2022 · Hi Team, I've a scenario where I need to give CSS fixed position to the x-axis labels so that it can be shown all the times. I'd like to have them sit in between each band, but they're all over the place at the moment (1 should appear in the middle of the lightest red on the outside and so on). Highchart's highstock tickPositions on multiple y axis. 0 this option is also applicable for X axis (inverted polar). the code is as below. Some other fields are used to describe the label’s format, position relative to the calculated point, and some clipping options. – These pages outline the chart configuration options, and the methods and properties of Highcharts objects. Here is my version live example of my code. Theres something wrong with second yAxis labels position It doesnt ignore position set in options, but it interpretes it in wrong way or something like that. What part of the string the given position is anchored to. xAxis, which is an array of Axis objects. Oct 14, 2019 · The TH elements in the table grid are position sticky, and I want the corresponding y-axis labels to have the same behavior. Set distance between labels and chart in Highcharts. adding labels exactly above x-axis categories in highcharts. But still haven't found settings to create the proper spacing above and below the new axis and series. I use : xAxis: { labels: { rotation: -45, align: 'top' }, categories: xAxisLabel }, for Jan 21, 2020 · Hi, Welcome to our forum and thank you for contacting us with your question! There are a few things that causing your chart to "jump". opposite. Dec 20, 2024 · Options for the series data labels, appearing next to each data point. stackLabels. How do I display the Y axis on top of the X? 0. textAlign. This is typically used when two or more axes are displayed on the same side of the plot. com which i'm working on. The question: How to make the x-axis labels (eg. 4. Please help me to fix it. position Mar 13, 2015 · My data (a line chart) is dynamic, and some times the x axis label overlaps. In a polar chart, this is the angle of the Y axis in degrees, where 0 is up and 90 is right. Is there any property to automatically position them ? i want to get exacly the same result as in the highchart ( with positioning many yaxis labels) Apr 18, 2018 · Hi, I've got a polar chart set up as shown in the attached screenshot. Use lineClamp to control wrapping of category labels. align. label Jan 30, 2014 · How to position axis label in highcharts. 2. The y position of the title is not relevant, because the symbol is placed to the right of that. highcharts-data-label-box and . Unanswered topics; Active topics; Board Index; FAQ; Search; Y-Axis label placement, configureable? May 17, 2017 · i guess the only way is to have the same y axis or the same y axis tick points. Example . highcharts; Share. Chart. also the tallest's bar label is overlapping with the bar itself. I can't seem to calculate that. 'offset': Maintain a fixed horizontal/vertical distance from the tick marks, despite the chart orientation. 1. To show only every n'th label on the axis, set the step to n. Defaults to an intelligent guess based on which side of the chart the axis is on and the rotation of the label. load I find the difference between the y position of first label and first point and I set the difference + the height of the point + 1 as the y offset for the labels Since we have the values calculated, we just need to form the correct value for each label. It seems the that the data label at the top and on the bottom are making this thing look bad. However if the value of the bar is low enough, it ends up overlapping with the axis label (as shown by the purple bar). It would be great to be able to fix the width of the chart (or conversely the y-axis labels) to ensure the two charts line up. But i want to understand why this is happening because i am actually generating these charts through code. I'm trying to achieve Aug 11, 2014 · If I have a Highcharts bar or column chart that has a data series with an array of all zeroes, the y axis tick label displays in the center of the y axis, along with an extra y axis. plotOptions. position Jun 23, 2021 · 1 Is it possible to make the first and last y-axis label a different color? 2 Is it possible to position the first label differently? (I now have all labels above the gridlines but need to have the first one below the gridline) 3 Is it possible to make the y-axis gridlines shorter than the x-axis. For example, placing category labels at 10%, 30%, 35%, 50%, 73%, etc. So your above approach worked on resize, its not hiding any labels. In styled mode, the data labels can be styled with the . 10 - 10, but the decreasing line can start at around 500. Use textOverflow: 'none' to prevent ellipsis (dots). 0. plotLines. I would like to align the x-axis labels and flush left to y-axis on the left and flush right on the right to y-axis in the chart shown below: Here is the relevant code for x-axis and y-axes series. Apr 24, 2014 · In column chart i would like to move position of title as shown in picture and there should be enough space between last observation on YAxis and YAxis title. If 'left', the left side of the string is at the axis position. Since v6. ttvml jofqyul dtamin diiuv csad srrbazq xiwu ahudxckh suqgulm hoshtfwz