dashed | Ruby library for interacting with Amazon Dash button presses | AWS library

I made a quick code example that looks like your screenshot:

You can easily make custom dashed line in echarts. You need to pass lineDash to the graphic element object.

lineDash is stroke-dasharray attribute of line defining the pattern of dashes and gaps. Pass the values of dashes and gaps in form of an number array.

The code uses anchor tag elements so as to have a focusable element within the li elements.

The problem with this, alongside the empty href attribute, is that it focuses (so we see the sub menu) but then immediately moves to the link (which is empty) and unfocuses. So we see a flash of the sub menu then it disappears.

So what can we do to put a focusable element into the li element?

MDN has this advice:

onclick events Anchor elements are often abused as fake buttons by setting their href to # or javascript:void(0) to prevent the page from refreshing, then listening for their click events .

These bogus href values cause unexpected behavior when copying/dragging links, opening links in a new tab/window, bookmarking, or when JavaScript is loading, errors, or is disabled. They also convey incorrect semantics to assistive technologies, like screen readers.

Use a button instead. In general, you should only use a hyperlink for navigation to a real URL.

So this snippet uses the code given in the question, changing the a elements for buttons, and removing the background-color and border from the button styling.

Flipping the 2nd plot

To achieve this, we need to add two functions:

• scale_y_reverse: This will flip the y axis; 0 is at the top, 10 at the bottom.
• scale_x_discrete(position = top): This will put the x-axis at the top.

Fixing the y-axis limits

It would be best to keep the same y-axis limits for both plots, to make them comparable. As such, we have to supply ylim() to the first plot. For the second plot, we already have scale_y_reverse, so we can supply our limits there.

Fixing the x labels

Since you only want the labels to appear once, you'd have to use element_blank() for theme(axis.text.x) and theme(axis.title.x) in the 2nd plot. Similarly, I would remove the x-axis title in the first plot to keep it balanced.

Combining the plots

Now, you want to combine the plots. However, the first plot has a lot of information on the x-axis, while the second plot doesn't. This means they have different heights. I like to use cowplot::plot_grid for combining plots, because it allows you to set the relative height of the plots. In this case, we can use it to account for the height difference between the two plots.

Final code

Pandoc does not support the \input@path parameter. You could open a feature request here.

I suggest to use TeX to compile the TikZ packages into proper graphics, e.g. with the method described in this Q&A, then use \renewcommand to change \input to \includegraphics, which pandoc will understand. This will also allow to make use of the --resource-path option.

You can use the parameter zorder to adjust what gets plotted on-top of eachother. Just use zorder=1 on your when plotting the dashed lines and zorder=2 on the circles

Try using -

I would check and see if its the fact that you are constantly running drawNewParticle as your animation function, I would put this (your particle creation function):

• I think it's easiest to allow the plotting API to handle the legend, compared to manually constructing it, which means properly labeling the data to feed into the API.
• In the following example, the data is loaded into a dict, where the values have been provided a category and type.
  • ['A']*len(a_1) creates a list of labels based on the length of a given array
  • ['A']*len(a_1) + ['A']*len(a_2) combines multiple lists into a single list
  • 'x': np.concatenate((x, x, x, x)) ensures that each value in vals is plotted with the correct x value.
• seaborn.lineplot, which is a high-level API for matplotlib, can handle loading data directly from the dict, where the hue and style parameters can be used.