commonMain.jetbrains.datalore.plot.builder.tooltip.TooltipBox.kt Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of lets-plot-common Show documentation
Show all versions of lets-plot-common Show documentation
Lets-Plot JVM package without rendering part
/*
* Copyright (c) 2019. JetBrains s.r.o.
* Use of this source code is governed by the MIT license that can be found in the LICENSE file.
*/
package jetbrains.datalore.plot.builder.tooltip
import jetbrains.datalore.base.geometry.DoubleRectangle
import jetbrains.datalore.base.geometry.DoubleVector
import jetbrains.datalore.base.values.Color
import jetbrains.datalore.plot.base.render.svg.SvgComponent
import jetbrains.datalore.plot.base.render.svg.TextLabel
import jetbrains.datalore.plot.builder.interact.TooltipSpec
import jetbrains.datalore.plot.builder.presentation.Defaults.Common.Tooltip.DARK_TEXT_COLOR
import jetbrains.datalore.plot.builder.presentation.Defaults.Common.Tooltip.H_CONTENT_PADDING
import jetbrains.datalore.plot.builder.presentation.Defaults.Common.Tooltip.LABEL_VALUE_INTERVAL
import jetbrains.datalore.plot.builder.presentation.Defaults.Common.Tooltip.LINE_INTERVAL
import jetbrains.datalore.plot.builder.presentation.Defaults.Common.Tooltip.MAX_POINTER_FOOTING_LENGTH
import jetbrains.datalore.plot.builder.presentation.Defaults.Common.Tooltip.POINTER_FOOTING_TO_SIDE_LENGTH_RATIO
import jetbrains.datalore.plot.builder.presentation.Defaults.Common.Tooltip.V_CONTENT_PADDING
import jetbrains.datalore.plot.builder.tooltip.TooltipBox.Orientation.HORIZONTAL
import jetbrains.datalore.plot.builder.tooltip.TooltipBox.Orientation.VERTICAL
import jetbrains.datalore.plot.builder.tooltip.TooltipBox.PointerDirection.*
import jetbrains.datalore.vis.svg.SvgPathDataBuilder
import jetbrains.datalore.vis.svg.SvgPathElement
import jetbrains.datalore.vis.svg.SvgSvgElement
import kotlin.math.max
import kotlin.math.min
class TooltipBox: SvgComponent() {
enum class Orientation {
VERTICAL,
HORIZONTAL
}
internal enum class PointerDirection {
LEFT,
RIGHT,
UP,
DOWN
}
val contentRect get() = DoubleRectangle.span(DoubleVector.ZERO, myTextBox.dimension)
private val myPointerBox = PointerBox()
private val myTextBox = TextBox()
internal val pointerDirection get() = myPointerBox.pointerDirection // for tests
override fun buildComponent() {
add(myPointerBox)
add(myTextBox)
}
fun update(
fillColor: Color,
textColor: Color,
borderColor: Color,
strokeWidth: Double,
lines: List,
style: String,
rotate: Boolean,
tooltipMinWidth: Double? = null
) {
addClassName(style)
myTextBox.update(
lines,
labelTextColor = DARK_TEXT_COLOR,
valueTextColor = textColor,
tooltipMinWidth,
rotate
)
myPointerBox.updateStyle(fillColor, borderColor, strokeWidth)
}
internal fun setPosition(tooltipCoord: DoubleVector, pointerCoord: DoubleVector, orientation: Orientation) {
myPointerBox.update(pointerCoord.subtract(tooltipCoord), orientation)
moveTo(tooltipCoord.x, tooltipCoord.y)
}
private inner class PointerBox : SvgComponent() {
private val myPointerPath = SvgPathElement()
internal var pointerDirection: PointerDirection? = null
override fun buildComponent() {
add(myPointerPath)
}
internal fun updateStyle(fillColor: Color, borderColor: Color, strokeWidth: Double) {
myPointerPath.apply {
strokeColor().set(borderColor)
strokeOpacity().set(strokeWidth)
fillColor().set(fillColor)
}
}
internal fun update(pointerCoord: DoubleVector, orientation: Orientation) {
pointerDirection = when (orientation) {
HORIZONTAL -> when {
pointerCoord.x < contentRect.left -> LEFT
pointerCoord.x > contentRect.right -> RIGHT
else -> null
}
VERTICAL -> when {
pointerCoord.y > contentRect.bottom -> DOWN
pointerCoord.y < contentRect.top -> UP
else -> null
}
}
val vertFootingIndent = -calculatePointerFootingIndent(contentRect.height)
val horFootingIndent = calculatePointerFootingIndent(contentRect.width)
myPointerPath.d().set(
SvgPathDataBuilder().apply {
with(contentRect) {
fun lineToIf(p: DoubleVector, isTrue: Boolean) { if (isTrue) lineTo(p) }
// start point
moveTo(right, bottom)
// right side
lineTo(right, bottom + vertFootingIndent)
lineToIf(pointerCoord, pointerDirection == RIGHT)
lineTo(right, top - vertFootingIndent)
lineTo(right, top)
// top side
lineTo(right - horFootingIndent, top)
lineToIf (pointerCoord, pointerDirection == UP)
lineTo(left + horFootingIndent, top)
lineTo(left, top)
// left side
lineTo(left, top - vertFootingIndent)
lineToIf (pointerCoord, pointerDirection == LEFT)
lineTo(left, bottom + vertFootingIndent)
lineTo(left, bottom)
// bottom
lineTo(left + horFootingIndent, bottom)
lineToIf (pointerCoord, pointerDirection == DOWN)
lineTo(right - horFootingIndent, bottom)
lineTo(right, bottom)
}
}.build()
)
}
private fun calculatePointerFootingIndent(sideLength: Double): Double {
val footingLength = min(sideLength * POINTER_FOOTING_TO_SIDE_LENGTH_RATIO, MAX_POINTER_FOOTING_LENGTH)
return (sideLength - footingLength) / 2
}
}
private inner class TextBox : SvgComponent() {
private val myLines = SvgSvgElement().apply {
x().set(0.0)
y().set(0.0)
width().set(0.0)
height().set(0.0)
}
private val myContent = SvgSvgElement().apply {
x().set(0.0)
y().set(0.0)
width().set(0.0)
height().set(0.0)
}
val dimension get() = myContent.run { DoubleVector(width().get()!!, height().get()!!) }
override fun buildComponent() {
add(myContent)
myContent.children().add(myLines)
}
internal fun update(
lines: List,
labelTextColor: Color,
valueTextColor: Color,
tooltipMinWidth: Double?,
rotate: Boolean
) {
val linesInfo: List> = lines.map { line ->
Triple(
line.label,
line.label.takeUnless(String?::isNullOrEmpty)?.let(::TextLabel),
TextLabel(line.value)
)
}
// for labels
linesInfo.onEach { (_, labelComponent, _) ->
if (labelComponent != null) {
labelComponent.textColor().set(labelTextColor)
myLines.children().add(labelComponent.rootGroup)
}
}
// for values
linesInfo.onEach { (_, _, valueComponent) ->
valueComponent.textColor().set(valueTextColor)
myLines.children().add(valueComponent.rootGroup)
}
val maxLabelWidth = linesInfo
.mapNotNull { (_, labelComponent, _) -> labelComponent }
.map { it.rootGroup.bBox.width }
.maxOrNull() ?: 0.0
var maxLineWidth = tooltipMinWidth ?: 0.0
linesInfo.forEach { (_, labelComponent, valueComponent) ->
val valueWidth = valueComponent.rootGroup.bBox.width
maxLineWidth = max(
maxLineWidth,
if (labelComponent == null) {
valueWidth
} else {
maxLabelWidth + valueWidth + LABEL_VALUE_INTERVAL
}
)
}
val textSize = linesInfo
.fold(DoubleVector.ZERO) { textDimension, (labelText, labelComponent, valueComponent) ->
val valueBBox = valueComponent.rootGroup.bBox
val labelBBox = labelComponent?.rootGroup?.bBox ?: DoubleRectangle(DoubleVector.ZERO, DoubleVector.ZERO)
// bBox.top is negative baseline of the text.
// Can't use bBox.height:
// - in Batik it is close to the abs(bBox.top)
// - in JavaFx it is constant = fontSize
val yPosition = textDimension.y - min(valueBBox.top, labelBBox.top)
valueComponent.y().set(yPosition)
labelComponent?.y()?.set(yPosition)
when {
labelComponent != null -> {
// Move label to the left border, value - to the right
// Again works differently in Batik(some positive padding) and JavaFX (always zero)
labelComponent.x().set(-labelBBox.left)
valueComponent.x().set(maxLineWidth)
valueComponent.setHorizontalAnchor(TextLabel.HorizontalAnchor.RIGHT)
}
valueBBox.width == maxLineWidth -> {
// No label and value's width is equal to the total width => centered
// Again works differently in Batik(some positive padding) and JavaFX (always zero)
valueComponent.x().set(-valueBBox.left)
}
labelText == "" -> {
// Move value to the right border
valueComponent.x().set(maxLineWidth)
valueComponent.setHorizontalAnchor(TextLabel.HorizontalAnchor.RIGHT)
}
else -> {
// Move value to the center
valueComponent.setHorizontalAnchor(TextLabel.HorizontalAnchor.MIDDLE)
valueComponent.x().set(maxLineWidth / 2)
}
}
DoubleVector(
x = maxLineWidth,
y = valueComponent.y().get()!! + max(
valueBBox.height + valueBBox.top,
labelBBox.height + labelBBox.top
) + LINE_INTERVAL
)
}.let { textSize ->
if (rotate) {
linesInfo
.onEach { (_, labelComponent, valueComponent) ->
labelComponent?.rotate(90.0)
labelComponent?.y()?.set(-labelComponent.y().get()!!)
labelComponent?.setVerticalAnchor(TextLabel.VerticalAnchor.CENTER)
valueComponent.y().set(-valueComponent.y().get()!!)
valueComponent.setVerticalAnchor(TextLabel.VerticalAnchor.CENTER)
valueComponent.rotate(90.0)
}
textSize.flip()
} else {
textSize.subtract(DoubleVector(0.0, LINE_INTERVAL)) // remove LINE_INTERVAL from last line
}
}
myLines.apply {
x().set(if (rotate) 0.0 else H_CONTENT_PADDING)
y().set(V_CONTENT_PADDING)
width().set(textSize.x + H_CONTENT_PADDING * 2)
height().set(textSize.y)
}
myContent.apply {
width().set(textSize.x + H_CONTENT_PADDING * 2)
height().set(textSize.y + V_CONTENT_PADDING * 2)
}
}
}
} © 2015 - 2025 Weber Informatics LLC | Privacy Policy