-# .StockCoordinatesW
      -#   .StockCoordinates{ style: "height: #{pos.purse.height}px " }

      -#     .grid-mark.mark0
      -#       .label= nearest_strike
      -#     - (1...@n_dollars).each_with_index do |idx|
      -#       .grid-mark{ class: "mark#{idx}", style: "left: -#{idx * u}px" }
      -#         .label
      -#           = nearest_strike + idx
      -#       .grid-mark{ class: "mark-#{idx}", style: "left: #{idx * u}px" }
      -#         .label
      -#           = nearest_strike - idx

      -#     .Origin{ style: "left: #{ ( nearest_strike - stock.last )* u}px" }
      -#       .label Last: #{pp_amount stock.last}
      -#       .c

      -#       - left  = "#{ (stock.last - pos.inner_strike) * u}px"
      -#       - width = "0px"
      -#       .PositionW{ style: "left: #{left} ; width: #{width} " }
      -#         .Position
      -#           .PositionC

      -#           - if pos.net_amount >= 0
      -#             .Net.NetPositive{ style: "width: #{ (pos.net_amount / 100) * u }px; right: 0" }
      -#               .label
      -#                 net
      -#                 = pp_amount pos.net_amount
      -#           - else
      -#             .Net.NetNegative{ style: "width: #{ (-1 * pos.net_amount / 100) * u }px; left: 100%" }
      -#               .label
      -#                 net
      -#                 = pp_amount pos.net_amount

      -#           .Breakeven{ style: "width: #{ pos.begin_inner_price * u }px" }
      -#             .label
      -#               Breakeven:
      -#               = pos.begin_inner_price
      -#   .c