Skip to content

Axis does not have text channel #77

@jamesscottbrown

Description

@jamesscottbrown

The Observable Plot example of Major and minor axis ticks is not posisible in Observable Plot, as the text: null is ignored, resulting in unwanted labels when only ticks are desired.

Observable Plot code:

Plot.plot({
  x: {nice: true},
  y: {grid: true},
  marks: [
    Plot.line(aapl, {x: "Date", y: "Close"}),
    Plot.axisX({ticks: "month", text: null, tickSize: 3}),
    Plot.axisX(),
    Plot.axisY({ticks: 50, tickSize: 3, text: null}),
    Plot.axisY()
  ]
})

Image

Translation to SveltePlot:

<Plot marginRight={0} >
  <Line data={aapl} x="Date" y="Close" />
  
  <AxisX ticks="month" text={null} tickSize={3} />
  <AxisX />
  
  <AxisY ticks={50} tickSize={3} text={null} />
  <AxisY />
</Plot>

Image

(A second issue with this example is that the intended number of ticks also aren't displayed, due to #73)

This is one of the issues surfaced by #72

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions