how to customize width as per label on #react-navigation/material-bottom-tabs - react-native-navigation

I had bottom bar I need it to be like that
but I can't update width for each item

Related

Plotly modify hovermode data

I have a data frame with columns ['run_id','timestamp','pass','fail','no_run'].
I am generating a stacked bar from it.
which looks like
Currently I am generating this stacked bar with x axis as timestamp and y axis as pass/fail/no_run.
The figure layout has hovermode as 'x'.
I would like a way to modify this graph so that when I hover on a bar, instead of showing timestamp in x axis, it should show 'run_id'.
I don't want to change the x axis to run_id while generating the bar chart, it has to be timestamp, but I need a way to modify this hover data.

Excel Charts Hexadecimal axis values

I have Hexadecimal values exported as decimal in an excel sheet (to support chart plotting).
Now, when i plot those values , in the chart's axis i get decimal values. Instead i want hexadecimal values to be shown as axis values..
How can i format the axis to show Hexadecimal values ?
Turn off the vertical axis labels and use data labels to make your own (step-by-step below):
Step 1. Select the bar chart data and create a new bar chart. Format the color.
Step 2. Select the horizontal axis. Under Format Axis > AXIS OPTIONS > Axis Type, select "Text axis".
Step 3. Select the vertical axis. Under Format Axis > LABELS > Label Position, select "None".
Step 4. Right-click the chart. Select "Select Data", then add a new series. Select the series values. Click "OK".
Step 5. Right-click the newly added series. Select "Change Series Chart Type".
Change the newly added series to "Scatter with Straight Lines" and check the "Secondary Axis" checkbox. Click "OK" and change the series color.
Step 6. Add a column of data that starts at 0.5 and increments by 1. Set these as the Series X values for the blue line. Add another three columns of data as shown below.
Step 7. Add a new series to the chart. Select the "x-Axis X" data for the Series X values and the "x-Axis Y" data for the Series Y values and click "OK" twice. Turn on the secondary horizontal axis.
Step 8. Select the newly created series, and add data labels to the left.
Step 9. Right-click the data labels and select "Format Data Labels". Under "LABEL OPTIONS. "Check Value From Cells" and select the x-Axis Labels data. Click "OK" then uncheck "Y Value" and "Show Leader Lines" back in "LABEL OPTIONS".
Step 10. Clean up. Select the x-Axis series and turn off the line and markers. Set the secondary horizontal and vertical axis labels to "None" (Format Axis > AXIS OPTIONS > LABELS).

Match order color and legend in stacked chart with negative values excel

[Problem]
In a very simple stacked bar graph in excel (example data below), the colors of the positive part of the chart match with the legend (i.e. yellow upper and grey lower in both stacked bars and legend). However, for the negative values the legend is inverse to the actual order of the stacked bar (i.e. blue upper and orange lower in the staked bar but the opposite in the legend).
[Unsuccessful tries]
This is regardless of the actual data in the cells (changing the data doesn't change the colors or the order).
I've tried both changing the last parameter of the formula, and changing the order of the legend manually in the menu desing > select data > move up/down. None of them works, since it changes both the order of the stacked bars and the legends at the same time, so the order keeps unmatched.
[Question]
My question is, how can I match the order of the colors of the staked bars and the legend also for the negative part of the chart?
Example data:
1 -5
2 -1
3 1
4 5

javafx barchart. set minimum width or height of each bar

I've created horizontal bar chart with category axis (Y axis). After adding more and more categories to Y axis, height of each horizontal bar is shrinked to zero size.
Here we can see bars with height of 2px, but I want to have at least 6px.
How to restrict height of each bar on the chart?
And how to force chart to request more space if bars for all categories are not fitted in plot area?
Each time you add a new category, increase the minHeight property of the chart.

jqPlot bar chart width

I currently have a bar chart in jquery. If the results show only 1 bar the issues is that the bar fills the space of the whole graph. How can I adjust the width of the bar so that it doesn't look like a log.
try setting the barWidth in the BarRenderer:
http://www.jqplot.com/docs/files/plugins/jqplot-barRenderer-js.html
If you still want your chart bars to size dynamically with number of bars / size of chart then use the barMargin and barPadding values to adjust the width of your bars.
seriesDefaults: {
renderer: $.jqplot.BarRenderer,
rendererOptions: {
barPadding: 4,
barMargin: 5
},
The default values are 8 and 10 respectively so the above values will actually make your bar larger. Make the values larger than default to reduce the size of your bars.
barMargin is the width between bars. barPadding is the width between bars within a category if your bar chart is representing multiple series.
See http://www.jqplot.com/docs/files/plugins/jqplot-barRenderer-js.html for more info.

Resources